能否禁止浏览器为特定禁用元素应用默认CSS样式？

当复选框设置为disabled状态时，浏览器会自动将元素置灰以改变外观，在开发者工具中能看到禁用元素被应用了新的默认样式。是否可以让页面不应用这些默认禁用样式，保持元素原有状态？

我曾尝试使用: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>

答案 #

否，无法从根源避免浏览器为禁用复选框应用默认置灰样式。

关于禁用复选框的样式调整，核心结论是：虽然:disabled伪类存在，但无法直接规避浏览器的默认禁用样式，只能通过该伪类自定义样式来覆盖或反转默认效果。

内容的提问来源于stack exchange，提问作者Code Novice