¿Qué es una hoja de estilo de agente de usuario?
Estoy trabajando en una página web en Google Chrome. Se muestra correctamente con los siguientes estilos.
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Es importante tener en cuenta que no definí estos estilos. En las herramientas de desarrollo de Chrome, dice hoja de estilo del agente de usuario en lugar del nombre del archivo CSS.
Ahora, si envío un formulario y se produce algún error de validación, obtengo la siguiente hoja de estilo:
table {
white-space: normal;
line-height: normal;
font-weight: normal;
font-size: medium;
font-variant: normal;
font-style: normal;
color: -webkit-text;
text-align: -webkit-auto;
}
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
El font-sizeefecto de estos nuevos estilos está perturbando mi diseño. ¿Hay alguna manera de forzar mis hojas de estilo y, si es posible, sobrescribir completamente la hoja de estilo predeterminada de Chrome?
¿Cuáles son los navegadores de destino? Los diferentes navegadores establecen diferentes reglas CSS predeterminadas. Intente incluir un restablecimiento de CSS, como el restablecimiento de CSS de meyerweb o normalize.css , para eliminar esos valores predeterminados. Busque en Google "restablecer CSS frente a normalizar" para ver las diferencias.
Sep 25 '2012 12:09
Si <!DOCTYPE>falta algo en su contenido HTML, es posible que experimente que el navegador dé preferencia a la "hoja de estilo del agente de usuario" sobre su hoja de estilo personalizada. Agregar el tipo de documento soluciona este problema.
Respecto al concepto “hoja de estilo de agente de usuario”, consulte la sección Cascada en la especificación CSS 2.1.
Las hojas de estilo del agente de usuario se anulan por cualquier cosa que establezca en su propia hoja de estilo. Son solo el fondo: en ausencia de hojas de estilo proporcionadas por la página o por el usuario, el navegador aún tiene que representar el contenido de alguna manera , y la hoja de estilo del agente de usuario simplemente describe esto.
Entonces, si cree que tiene un problema con una hoja de estilo de agente de usuario, entonces realmente tiene un problema con su marcado, su hoja de estilo o ambos (sobre los cuales no escribió nada).
