2010-09-17 58 views
0

我添加到每個textarea,每個文本字段和每個按鈕一個特殊的類。我在我的頁面上有很多按鈕和很多文本框,所以我決定清理我的代碼。CSS - 所有瀏覽器的輸入規則?

我刪除了html代碼中的所有特殊類,如(.textarea),(.textfield)和(.button)。超過180個點擊...所以我的代碼現在更短。

我添加了三個新的規則到CSS - > input.button,input.text,textarea的

但是,這是一個好主意?因爲它不工作在每個瀏覽器-.-

是否有更好的方法(規則)像 - > input.button,input.text,textarea?還是應該使用我的第一個解決方案?

回答

3

在你的CSS中,使用輸入後跟一個類型屬性檢查。例如,應用規則到文本框和文本域,你會使用:

input[type="text"], textarea 

要應用樣式的按鈕,你會使用:

input[type="button"], input[type="submit"] 

這適用於所有瀏覽器的我已經測試過(IE6 +,Firefox,Chrome,& Safari)。

+0

非常感謝您! – Peter 2010-09-17 06:06:42