重置WordPress默认主题(二十三十)样式的按钮样式



我开发了一个用于wordpress的插件,其中包含很多内容(表格列表等)。

我知道这是几次问的,但在 WordPress contects 中却没有问。

二十三岁的默认主题将一些丑陋的样式放在所有按钮上:

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将删除大多数默认外观)

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

我假设您计划使用二十三,但是您需要为几个元素更改样式。这可以通过孩子主题轻松完成。进行儿童主题,在Google上查找它非常容易,或者YouTube上有很多教程。这是创建子主题的一个示例http://www.elegantthemes.com/blog/resources/wordpress-child-child-theme-tutorial,这是YouTube教程http://www.youtube.com/watch.v==mvzlw8d6pvk在您的主题样式中,您只需要重新定义引起问题的样式。他们将自动覆盖二十三十,而其余的则保持不变。

最新更新