2011-06-02 54 views
2

我正在使用wordpress插件,它將一些CSS格式應用於所有輸入標籤。我想我的提交按鈕沒有這些,並使用默認的CSS設置(由瀏覽器應用),而不是。從單個標籤中刪除所有格式

我怎樣才能

  1. 應用CSS比其他提交的所有輸入標籤按鈕(INPUT TYPE = 「提交」) OR
  2. 取下提交按鈕所有自定義CSS?

謝謝。

回答

2

在CSS3可以針對所有元素,但x有:

*:not(x) { 
    // some css 
} 

See here

我不確定它可能與CSS2(不使用JavaScript,因爲傑夫在評論中指出)。

+1

不可能在CSS2,而無需使用jQuery的javascript-- $( '輸入:沒有(:提交)') – Jeff 2011-06-02 22:29:25

+0

@Jeff - 這是真正。 +1。並將編輯答案。 – tjm 2011-06-02 22:31:21

+0

好吧,我把它取回來 - 你可以在css2中做到這一點,如果你給所有輸入元素添加一個類,除了提交...但這有點荒謬,並且不適用於動態內容 – Jeff 2011-06-02 22:32:58

0

對於項目#1你可以識別出輸入類型未提交的,阿拉:

input[type=text], input[type=password],input[type=checkbox], input[type=radio], 
textarea, select { 
    background-color:#fff; 
    border: 1px solid #bbb; 
} 

對於項目#2你需要分配和id的提交按鈕,然後覆蓋所有它繼承你想要刪除的樣式。

0

使用jQuery,像下面應該工作:

$('input[type=submit]').removeAttr("class") 

這很快就被拼湊起來的,沒有測試過。

0

這對跨瀏覽器的原因可能會有問題。

input[type="submit"] { margin:0; padding:0; background:#fff;border:.... } 

目標只是提交輸入,但它與IE6不兼容。

input:not([type="submit"]) {...} 

目標未輸入文字,但他們不兼容IE6,7或8

如果你關心IE6,你要手動都輸入這裏覆蓋類在你的style.css

退房兼容性列表:http://www.quirksmode.org/css/contents.html#CSS3