相关疑难解决方法(0)

什么是用户代理样式表

我正在使用谷歌浏览器的网页.它使用以下样式正确显示.

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

Run Code Online (Sandbox Code Playgroud)

重要的是要注意我没有定义这些样式.在Chrome开发工具上,它表示用户代理样式表代替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;
}

Run Code Online (Sandbox Code Playgroud)

在font-size这些新的风格被扰乱我的设计.有没有办法强制我的样式表,如果可能的话,完全覆盖Chrome的默认样式表？

css google-chrome

Kap*_*rma

2018 02-14

466
推荐指数

7
解决办法

45万
查看次数

input type ="number"鼠标滚轮不滚动

我很难过为什么鼠标滚轮不会增加/减少简单表单元素中的值.

<input type="number" step="0.125" min="0" max="0.875">

Run Code Online (Sandbox Code Playgroud)

它适用于这个片段就好了,但是当我创建一个简单的通用html文档时却没有:

<!DOCTYPE html>
<html>
<head></head>
<body>
    <form action="">
        <input type="number" step="0.125" min="0" max="0.875">
    </form>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

当我在几个浏览器中查看时,鼠标滚轮不会滚动.我已禁用浏览器扩展程序等.我周围的其他几台机器的行为方式相同.

是什么导致这不起作用？这是OS /浏览器问题吗？

我几乎觉得这可能是更深层次的东西,可能是鼠标/驱动程序问题的类型？

我测试的是: