Use CSS para modificar las barras de desplazamiento
1. Configuración cuando el contenido de desbordamiento desbordamiento
Configuración Cuando Overflow-X Horizontal Content Overflow
Configuración cuando desbordamiento de contenido vertical desbordamiento
Los valores establecidos por los tres atributos anteriores son visibles (predeterminados), desplazamiento, oculto y automático.
2. Scrollbar-3D-Light-Light-Color tridimensional Scroll Edge Borge Color
Color de color de Scrollbar-Arrow de la flecha Triangle en la parte superior del botón
Scrollbar-Base-Color Scrollbar Color básico
Scrollbar-Dark-Shadow-Color tridimensional Scrollbar Color de sombra fuerte
Color de color de barra de desplazamiento de la parte convexa de la barra de desplazamiento tridimensional
Color de color de parrilla de desplazamiento de la parte en blanco de la barra de desplazamiento
Color de color shadbar-shadow de la sombra estereoscópica de scrollbar
Los valores establecidos por los siete atributos anteriores son los valores de color, y puede usar varias expresiones definidas por la hoja de estilo.
Usando el contenido de definición de estilo anterior, podemos especificar si se muestran las barras de desplazamiento y los estilos de color de la ventana del navegador y los cuadros de texto de múltiples líneas. El primer conjunto de atributos de estilo se usa para establecer si se muestra la barra de desplazamiento. El segundo conjunto de atributos de estilo se usa para establecer el color de la barra de desplazamiento. Los atributos de estilo involucrados en este artículo solo pueden ser compatibles con IE. El segundo conjunto de atributos de estilo solo puede ser compatible con IE Versión 5.5, así que preste atención al depurar.
Explicaremos las propiedades de estilo anteriores a través de varios ejemplos:
1. Haga que la ventana del navegador nunca aparezca Scrollbars
Sin barra de desplazamiento horizontal
<Body Style = Overflow-X: Hidden>
Sin barra de desplazamiento vertical
<Body Style = Overflow-Y: Hidden>
Sin barra de desplazamiento
<Body Style = Overflow-X: Hidden; Overflow-Y: Hidden> o <Body Style = Overflow: Hidden>
2. Establezca la barra de desplazamiento del cuadro de texto de múltiples líneas
Sin barra de desplazamiento horizontal
Copiar el código