2010-02-07 56 views
3

以下樣式可以輸入所有的輸入標籤,這意味着任何輸入標籤的'類型'都被樣式化。全局樣式所有html按鈕只需要'class','id'或'name'

input { 
color:#050; 
font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
background-color:#ffffff; 
border:1px solid; 
border-color: #696 #363 #363 #696; 

}

我怎麼隔離開來,因此所有按鈕輸入「類型」要比文本輸入風格不同的「類型」 與出需要添加/使用「身份證」,「類」或'名稱'。

這必須是一個跨瀏覽器的解決方案。

回答

10
input[type=text]{ 
color:#FF9900; 
} 

input[type=password]{ 
color:#FFFF00; 
} 

input[type=submit]{ 
color:#FFFFFF; 
} 

它支持密碼,提交,文本,選擇,收音機和一些更多。當我找到它時,我將在列表中進行編輯。你應該注意到一些行爲很奇怪,例如一個寬度爲100像素和2像素填充的輸入框(文本)會出現與具有相同屬性的提交輸入框不同,你需要爲提交添加額外的3/4像素,如果我沒記錯的話。

+2

這在IE中不起作用 – 2010-02-07 01:51:31

+0

確定嗎?什麼版本?我暫時還沒有用過這個,但我從來沒有遇到過問題(我知道)。 – sam 2010-02-07 02:05:59

+1

它不會在IE6的工作肯定...不能回想起有關IE7 ......雖然在IE8中工作。 – scunliffe 2010-02-07 02:43:34

1

您可以使用

input[type=submit] { color: #050; } 
+0

這不適用於IE – 2010-02-07 01:51:58

+1

@JerA:它從IE7開始。 – 2010-02-07 04:41:11

5

使用CSS2選擇,你可以做什麼citricsquid和pixeltocode建議匹配所有HTML按鈕...

提到在IE7版本中加入。這些選擇,所以你不能你想,只有在預IE7 CSS什麼

無論是使用類或javascript爲IE6 ..

您可以通過閱讀它t miscrosoft:CSS Compatibility and Internet Explorer