我正在用Google Chrome制作网页.它以以下样式正确显示.

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

需要注意的是,我没有定义这些样式.在Chrome开发者工具中,它用user agent stylesheet代替CSS文件名.

现在,如果我提交了一个表单,并且发生了一些验证错误,我会得到以下样式表:

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

这些新款式中的font-size件打乱了我的设计.有没有办法强制我的样式表,如果可能的话,完全覆盖Chrome的默认样式表?

推荐答案

目标浏览器是什么?不同的浏览器设置不同的默认CSS规则.try 包括CSS重置,例如meyerweb CSS resetnormalize.css,以删除这些默认值.在谷歌上搜索"CSS重置与正常化"可以看到不同之处.

Css相关问答推荐

如何将表格单元格的最后一个子级与单元格底部对齐?

VueJS3+Vutify中缺少一些CSS类

如何使TWebPanel具有圆角?

在 Next.js 中使用 .modules.scss 时未应用样式

在 dbc.Container 上方包含横幅 - Dash

如何在不使用 !important 的情况下提高优先级?

和号 (&) 作为 SASS @mixin 中的变量

如何添加一个类以在开始时触发转换

如何断言 CSS 属性包含Cypress 测试中的一些文本?

创建一条淡出/在各个方向变得透明的线

使用 Flex Box Tailwind CSS 的元素不相等

对齐视图中的复选框(RN)

Twitter Bootstrap:进度条居中文本

使用 CSS 剪辑/裁剪背景图像

如何通过单击
  • 激活 HTML 链接?
  • 如何使表格中一行的最后一个单元格占据所有剩余宽度

    将一行文本保留为单行 - 换行或不换行

    thead 和 tbody 之间的间距

    为什么在 CSS3 中启用硬件加速会降低性能?

    CSS3 过渡:过渡:全部是否比过渡:x慢?