2014-01-24 98 views
0

我开发了一个插件,为wordpress和有很多内容(形式列表等)。重置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; 
} 

和几个diferent定义为:focus:active:hover

这不是一个大问题,如果你有沉重变得陈旧页面自定义按钮的外观...
但对我来说我靠使用jQuery的叽叽喳喳的自举,有风格得到完全messedup(红色边框悬停,随机填充等)。

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

这似乎是一个普遍的问题,但我是新的WordPress主题和插件...
那么什么是清除/正常化这种特殊风格的好解决方案?

(只是重置CSS将去除大部分的默认外观的)

回答

0

尝试!important,因为它比其他inline style最高优先级。

+0

!重要的将固定(让说背景)到一个特定的颜色..所有悬停效果或图书馆的样式将停止工作。 –

+0

您是否尝试过使用jquery添加'!important'规则?以及您尝试应用css的可能方式。 – rockStar

0

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

+0

不,我的工作仅限于插件而不是WP配置。因此,将它与一个儿童主题分发是没有意义的。 –

+0

然后我认为你有一个更基本的问题,因为你的插件显然不适用于任何主题。在一个设计良好的插件中,您应该根据样式决定主题。现在你可以钩入wordpress页面加载来添加/覆盖样式。在wordpress文档中查找“WP_Styles”。但是,由于主题开发人员不希望插件干扰他们的造型,因此这样做可能会在未来导致其他“惊喜”。那里肯定会有一些主题不适合你的插件。 –

相关问题