DIV CSS 佈局教程網

例如我想美化輸入框的效果：
<input type="text" name="textfIEld" />


避免給這樣的通配屬性：
input{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }


否則所有的輸入框、按鈕、單選框、復選框都會跟著變化。

給通配屬性容易，再刪通配屬性，恢復input的默認值就麻煩了。
如果你不幸，也犯了這種錯誤，考慮一下批量替換的方法來解決：

首先將
input{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }
變更為
.input-beauty{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }


然後批量替換
type="text" 變更為 type="text" class="input-beauty"type="password" 變更為 type="passWord" class="input-beauty"這樣哪個輸入框需要美化，就調用樣式，不需要就不調用。

由此，更加渴望CSS3的早日普及，將來直接用input[type="text"]這種玩意來實現。