Css 如何恢复按钮默认样式？

我想在我们网站的高对比度模式下将一个按钮重置为浏览器默认值。简单地删除样式是没有选择的，因为我将不得不更改很多代码

我认为通过将

initial

分配给每个更改的CSS属性，这将是一项简单的任务。事实证明，它不起作用：虽然某些属性实际上已重置，但浏览器在禁用按钮时不会应用其原始背景色和边框，对于Chrome浏览器，也不会应用文本颜色

有没有办法做到这一点，或者我只能大致重建浏览器默认值？如果不是那样的话，

initial

是为了什么

---

编辑：显示问题。

我想您的高对比度html模式有一个具有类的父级。。。举个例子，在body上有一个“highcm”类

您可以将实际的css表更改为如下样式：

body:not(.highcm) .youractualclass  button {
    color: red;
}

这样，只有在主体处不带“highcm”的按钮将被设置样式，而其余按钮将被呈现为浏览器默认值

虽然某些属性实际上已重置，但浏览器不会应用 其原始背景色和边框

在我看来，OP正在寻找

revert

value功能

请参阅-CSS范围的属性值之一：

将级联值回滚到用户级别，以便指定 值的计算方式与未为其指定作者级别规则的计算方式相同 此元素上的此属性

不幸的是，

revert

值当前为空

Caniuse on revert实际上很好地总结了这一点（而且hi还显示了revert和INFINAL之间的差异）

将属性值重置为默认值的CSS关键字值 由浏览器在其UA样式表中指定，就像网页 不包括任何CSS。例如，

display:revert

在

上 结果显示：块。这与初始值相反， 它只是在每个属性的基础上定义的，对于

display

是

内联的

---

你能分享你的按钮css代码吗？取决于css属性，初始值还不够。相关：@Jean Baptiste:使用JSFIDLE链接更新。这是最现实的方法。

all:initial

应根据规范“将选定元素的所有属性重置为css规范中定义的初始值”，但一些浏览器似乎并不正确地尊重按钮。即使添加到unset中，

-webkit外观：按钮

，也不能解决这个问题。我想解决方案会是这样的。无论如何，我仍然很难相信，不可能告诉浏览器“忽略我以前的CSS，只使用默认样式”。是的，这可能是解决方案-如果浏览器支持可以接受的话。