Foro/diseño/web/editorial

Foro ceslava | Diseño gráfico / web / editorial | Formación » Diseño Web

Barras de desplazamiento

(2 mensajes)

Etiquetas:

lucasff71
Miembro

Hola Cristian, quería saber si existe la posiblidad de modificar la apariencia de una barra de desplazamiento en un textarea, (no en wordpress, solo css), pero no los colores, si no usar botos hechos por uno y la barra también.,
Muchas GRacias..
Un abrazo

Publicado hace 1 año #
ceslava
admin
Hola lucas,

Cambiar la apariencia de las barras de desplazamiento con CSS no es posible en navegadores basados en Webkit, KHTML, o Gecko.

Sólo hay propiedades CSS para Internet Explorer y las barras de desplazamiento. Aquí tienes un ejemplo que puedes probar en varios navegadores:

http://lineadecodigo.com/wp-content/uploads/2007/11/color-barras-scroll.html

En resumen, no es recomendable, no es un estándar y no es cross-browser.

Las propiedades CSS son:
- scrollbar-3dlight-color, color del borde que hace
  el efecto 3D en la barra de scroll.
- scrollbar-arrow-color, color de las flechas.
- scrollbar-base-color, es el color genérico a
  utilizar por la barra de scroll. Podríamos utilizar únicamente este para
  dar color a la barra.
- scrollbar-darkshadow-color, sombra de la barra de
  progreso.
- scrollbar-face-color, el color de lo que es
  realmente la barra de progreso. Es decir, del bloque que se mueve por la
  barra.
- scrollbar-highlight-color, el color del fondo de
  la barra.
- scrollbar-shadow-color, son los dos botones sobre
  los que podemos pulsar para desplazar la barra.
- scrollbar-track-color, es el color de fondo de la
  barra de scroll.
Si aún así quieres cambiar su aspecto en todos los navegadores deberás utilizar alguna solución javascript como esta:

http://www.hesido.com/web.php?page=customscrollbar

Al parecer es compatible también con el iPhone.

Saludos
Publicado hace 1 año #

RSS feed para este Tema

Responder

Debes Identificarte para publicar.