cómo estilo la barra de desplazamiento de en iframe?

¿Es posible cambiar el estilo de las barras de desplazamiento de iframe?cómo estilo la barra de desplazamiento de en iframe?

Traté de diseñarlo utilizando el código siguiente pero tampoco parece funcionar

html{scrollbar-arrow-color: #252604; 
scrollbar-highlight-color: #BFC097; 
scrollbar-shadow-color: #ffffff; 
scrollbar-base-color : #000000; 
scrollbar-track-color: #E2E1D4; 
scrollbar-face-color: #BFC097; 
scrollbar-3dlight-color: #EFEEEE; 
scrollbar-darkshadow-color: #999999;}

y trató

body{scrollbar-arrow-color: #252604; 
scrollbar-highlight-color: #BFC097; 
scrollbar-shadow-color: #ffffff; 
scrollbar-base-color : #000000; 
scrollbar-track-color: #E2E1D4; 
scrollbar-face-color: #BFC097; 
scrollbar-3dlight-color: #EFEEEE; 
scrollbar-darkshadow-color: #999999;}

¿Lo he entendido mal? solo una cosa más, ¿el archivo en el iframe está en un dominio diferente? he tenido experiencias en las que JavaScript no funcionó pero ¿afectará CSS también?

Fuente

2010-02-17 manraj82

solo necesito esto trabajando en IE, pensé que el código anterior funcionaría en IE pero no lo hice a menos que lo hiciera mal ... – manraj82

No hay una forma de navegador cruzada para dar estilo a las barras de desplazamiento.

El código que tiene solo funciona en Internet Explorer, y solo en el modo peculiar (no estándar).

Lo que tiene en el iframe está aislado de la página principal, debe configurar las barras de desplazamiento en la página donde aparecen, es decir, en la página que cargue en el iframe. Cualquier estilo que aplique a la página principal no afecta lo que está en el iframe.

Si no puede cambiar el contenido de la página que carga en el iframe, no es posible darle un estilo a sus barras de desplazamiento.

Fuente

2010-02-17 13:03:58 Guffa

¡Podría inyectar el código en la página iframe con Javascript ?? !! http://api.jquery.com/appendTo/ & http://api.jquery.com/prependTo/ Sin embargo, esto no es más que una suposición educada: nunca lo he intentado. –

@Jonny: si la página hubiera sido del mismo dominio, eso hubiera sido posible. – Guffa

bien - genial - gracias por el puntero! –

AFAIK, no puede hacer esto de forma cruzada. Creo que el código que ha utilizado anteriormente funcionará solo en IE.

Fuente

2010-02-17 12:48:38 rahul

lo he intentado esto es decir y no funcionó ....... – manraj82

Pruebe iframe body, no solo el cuerpo.

This funcionarán perfectamente en los navegadores Webkit (Safari & Chrome), no creo que haya una solución de navegador cruzado. ¡Bien, podrías con Javascript!

Fuente

2010-02-17 12:51:19

Esas barras de desplazamiento webkit son geniales. ¡PD, también funcionan en Chrome! –

Sí - Quise poner Webkit - Editado –

Simplemente pierda el iframe o cualquier forma de estilo de barras de desplazamiento, simplemente no está hecho.

Fuente

2010-02-17 12:51:20

El uso de javascript (es decir, jScrollPane) es la única opción entre navegadores para diseñar barras de desplazamiento, me temo.

Fuente

2010-02-17 12:51:22 raveren

Debe agregar el CSS a la página real en el iframe, es decir, si tiene page.html e iframe.html, entonces el CSS debe estar en iframe.html.

Sin embargo, no confíe en ese CSS, solo funciona en IE u Opera en el modo peculiar.

Fuente

2010-02-17 13:05:03 DisgruntledGoat

cómo estilo la barra de desplazamiento de en iframe?

Respuesta

Cuestiones relacionadas