当设置复选框为禁用时，浏览器会通过将其变灰来更新元素的外观。当在开发工具中查看样式时，我可以看到新的默认样式正在应用到我禁用的元素。是否有方法告诉页面不要应用默认禁用的样式，而只是让元素保持原样？
我发现我可以使用：disabled CSS伪类（我发现这不是真的）将我自己的样式应用到这些禁用的复选框中，然而我只是不希望默认的禁用样式首先应用，所以我很好奇我是否可以避免添加样式来反转禁用的样式。
简单HTML
<html lang='en'>
<head>
</head>
<body>
<input type="checkbox" checked onclick="showOccur(event)";/>
<input type="checkbox" checked onclick="showOccur(event)"; disabled/>
</body>
</html>使用默认Chrome浏览器样式的复选框屏幕截图
这个问题的答案仍然是正确的。答案是否定的。为了跟进这个答案，我仍然不知道如何改变我的复选框的样式。我在下面的SO帖子中找到了答案。主要的收获是，你不能调整禁用元素的样式，但我们有：禁用的CSS伪类：
How to style a disabled checkbox?
如何使用CSS设置复选框样式
1条答案
按热度按时间anauzrmj1#
不需要。无论如何，您禁用用户代理样式的任何操作都相当于覆盖，因此只需使用自定义样式进行覆盖即可。