---

 

 

 

例如我想美化輸入框的效果:
<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"type="password" 變更為 type="password"這樣哪個輸入框需要美化,就調用樣式,不需要就不調用。

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

 

 

   

 

  Tag: 設計公司 網頁設計公司 廣告公司 網站設計 平面設計 互動媒體 網頁設計 Web design Website design design house 媒體公司 Iphone app 程式設計 Flash 網頁 Flash game 動畫設計 後期製作 網上商店 網上宣傳 網頁服務