Question

我为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 ，并且样式完全是messedup（悬停时的红色边框，随机填充等）。

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

这对我来说似乎是一个普遍的问题，但我是wordpress主题和插件的新手...... 那么清除/规范这种特殊风格的好方法是什么？

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

Answer 1

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

Answer 2

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

按钮重置wordpress默认主题（TwentyThirteen）样式

2 个答案: