我在button
输入上有CSS规则:
button {border:solid 1px black;}
只要我对输入或按钮应用任何边框,浏览器就会将输入形式OS的显示(由具有阴影的butotn,圆角,hoover青色等的OS渲染)切换为标准盒型。
现在我想恢复一些按钮类。例如,我想:
<button class="default-os">Looks like Windows-made</button>
看起来没有任何风格。
有办法吗?我尝试了CSS规则的各种none
和inherit
值,但它们都不起作用。
答案 0 :(得分:5)
我要说答案是“没办法”对不起:/
我会找到一些方法来反转它 - 通过类应用你的自定义按钮样式,然后只是不要将类添加到“常规”按钮。如果由于某种原因无法修改HTML,那么您可能必须使用CSS选择器规则获得创意,但我必须查看相关的HTML。
答案 1 :(得分:3)
尝试逆转你正在做的事情。不要尝试'default-os'类,而是将按钮样式更改为'.styled-button'并在box-element按钮上指定,然后不要在要使用默认操作系统的按钮上指定类看。
答案 2 :(得分:2)
当您想要使用边框更改按钮并使其保持不变时,可以更轻松地为按钮指定一个特殊类。
然而,您可以尝试使用!important来使其恢复正常运行的组合。
.default-os{
border: none !important;
}