css - 为按钮重置 wordpress 默认主题 (TwentyThirteen) 样式

Question

我为 wordpress 开发了一个插件，里面有很多内容(表单列表等)。

我知道这个问题被问过好几次，但在 wordpress contects 中没有。

TwentyThirteen 的默认主题为所有按钮添加了一些丑陋的样式:

button, 
input[type="submit"], 
input[type="button"], 
input[type="reset"]{
    background: #e05d22;
    background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%);
    border-bottom: 3px solid #b93207;
    border-radius: 2px;
    padding: 11px 24px 10px;
}

以及 :focus、:active、:hover 的更多不同定义。

如果您的页面陈旧且带有自定义按钮外观，这不是大问题...
但就我而言，我依赖于使用 jquery 和 twitter-bootstrap 并且样式完全困惑(悬停时出现红色边框，随机填充等)。

例如，重写 DatePicker 上的关闭按钮的样式只是为了让它看起来正常...并不好玩。

这对我来说似乎是一个普遍的问题，但我是 wordpress 主题和插件的新手...
那么清除/规范化这种特定样式的好的解决方案是什么？

(只需重置 CSS 即可删除大部分默认外观)

Answer 1

试试 !important 因为它比 inline style 具有最高的优先级。