时间戳

首页 > 解决方案 > 如何恢复按钮默认样式？

css - 如何恢复按钮默认样式？

问题描述

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

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

有没有办法做到这一点，或者我只能大致重建浏览器默认值？initial如果不是为了那又是为了什么呢？

编辑： JSFiddle展示了这个问题。

标签： css

解决方案

我想你的高对比度模式的 html 有一个有一个类的父级......例如，你在 body 有一个类“highcm”

您可以将您设置按钮样式的实际 css 表更改为：

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

这样，只有在正文中没有“highcm”的按钮将被设置样式，而其余的将呈现浏览器默认值

推荐阅读