2014-01-24 97 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」。但是,由於主題開發人員不希望插件干擾他們的造型,因此這樣做可能會在未來導致其他「驚喜」。那裏肯定會有一些主題不適合你的插件。 –

相關問題