重置按钮的 wordpress 默认主题 (TwentyThirteen) 样式答案

【问题标题】：reset wordpress default theme (TwentyThirteen) style for buttons重置按钮的 wordpress 默认主题 (TwentyThirteen) 样式
【发布时间】：2014-02-15 15:56:58
【问题描述】：

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

我知道这个问题被问了好几次，但在 wordpress 内容中没有。

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 将删除大部分默认外观）

【问题讨论】：

标签： css wordpress themes

【解决方案1】：

尝试!important，因为它的优先级高于inline style。

【讨论】：

!important 将固定（让我们说背景）到特定颜色..所有悬停效果或库中的样式都将停止工作。
您是否尝试过使用 jquery 添加!important 规则？以及您尝试过应用 css 的哪些可能方式。

【解决方案2】：

我假设您打算使用 23，但是您需要更改一些元素的样式。这可以通过子主题轻松完成。做一个儿童主题很容易，在 google 上查找它或者在 youtube 上有很多教程。这是创建子主题http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial 的一个示例，这是一个 youtube 教程http://www.youtube.com/watch?v=mvzlw8D6pvk 在您的主题 style.css 中，您只需重新定义导致问题的样式。他们会自动覆盖二十三，其余的保持不变。

【讨论】：

不，我的工作只在插件上，而不是在 WP 配置上。因此，将其与子主题一起分发是没有意义的。
那么我认为您有一个更根本的问题，因为您的插件显然不适用于任何主题。在一个设计良好的插件中，您应该让主题决定样式。现在您可以挂钩到 wordpress 页面加载以添加/覆盖样式。在 wordpress 文档中查找“WP_Styles”。但是这样做可能会在未来引起其他“惊喜”，因为主题开发人员不希望插件会干扰他们的样式。肯定会有一些主题不适用于您的插件。