El método de representación del atributo de borde en el navegador se ha discutido en el grupo QQ durante mucho tiempo, y siempre he usado border:0 none para tratarlo. Por supuesto, también hay razones por las que lo hago. Esta razón se mencionará en el análisis a continuación. Antes de analizar las propiedades de los bordes, es necesario explicar algunos puntos:
Para comparar mejor los estilos de borde, aquí elegimos el elemento "botón", pero las etiquetas utilizadas son diferentes. Son elementos de etiqueta de entrada y elementos de etiqueta de botón. Por cierto, una cosa que hay que mencionar es que lo que estos dos elementos de etiqueta tienen en común en varios navegadores es que ambos son elementos de control del sistema. El estilo del borde y el fondo del botón tienen una relación absoluta con el tema del sistema.
Usando el mismo código de estructura XHTML, compare el navegador FF y el navegador IE respectivamente.
Animación de demostración 1 Animación de demostración 2
A través de la influencia del estilo predeterminado del tema del sistema actual, descubrimos que el navegador IE ya tiene una pequeña diferencia en el análisis de los dos elementos de etiqueta, botón y entrada, pero en la medida en que la página vista en el tema del sistema actual es En lo que respecta, el efecto de rendimiento es casi el mismo. Los estudiantes que estén interesados en este punto pueden experimentar por sí mismos. En los resultados de los atributos que se ven en la columna anterior sin ninguna definición de estilo CSS, el resultado que obtenemos es:
*Navegador FF: Los estilos de borde de las etiquetas de entrada y de botón son ancho de borde:3px estilo de borde:color de borde:#E5E5E5;
* Navegador IE: el estilo del borde de la etiqueta de entrada es ancho de borde: 2px estilo de borde: inicio y el estilo del borde de la etiqueta del botón es ancho de borde: 2px;
Con estos datos, veamos cuál será el resultado cuando definamos un estilo para el atributo de borde.