将按钮/输入CSS恢复为默认值

Question

我在button输入上有CSS规则：

button {border:solid 1px black;}

只要我对输入或按钮应用任何边框，浏览器就会将输入形式OS的显示（由具有阴影的butotn，圆角，hoover青色等的OS渲染）切换为标准盒型。

现在我想恢复一些按钮类。例如，我想：

<button class="default-os">Looks like Windows-made</button>看起来没有任何风格。

有办法吗？我尝试了CSS规则的各种none和inherit值，但它们都不起作用。

Answer 1

我要说答案是“没办法”对不起：/

我会找到一些方法来反转它 - 通过类应用你的自定义按钮样式，然后只是不要将类添加到“常规”按钮。如果由于某种原因无法修改HTML，那么您可能必须使用CSS选择器规则获得创意，但我必须查看相关的HTML。

Answer 2

尝试逆转你正在做的事情。不要尝试'default-os'类，而是将按钮样式更改为'.styled-button'并在box-element按钮上指定，然后不要在要使用默认操作系统的按钮上指定类看。

Answer 3

当您想要使用边框更改按钮并使其保持不变时，可以更轻松地为按钮指定一个特殊类。

然而，您可以尝试使用！important来使其恢复正常运行的组合。

.default-os{
  border: none !important; 
}