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, dicehoja 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;
}

losfont-size A partir de estos nuevos estilos está perturbando mi diseño. ¿Hay alguna forma de forzar mis hojas de estilo y, si es posible, sobrescribir completamente la hoja de estilo predeterminada de Chrome?