網頁制作poluoluo文章簡介:更加渴望CSS3的早日普及,將來直接用input[type="text"]這種玩意來實現。
例如我想美化輸入框的效果:<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"]這種玩意來實現。