国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS教程:通配屬性批量替換的方法

2024-07-11 09:03:04
字體:
來源:轉載
供稿:網友

武林網(www.survivalescaperooms.com)文章簡介:更加渴望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"]這種玩意來實現。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 锡林郭勒盟| 固镇县| 富平县| 镇沅| 宝坻区| 当涂县| 夏河县| 临夏县| 财经| 庆云县| 阿勒泰市| 临沂市| 正定县| 平顺县| 章丘市| 夏津县| 甘南县| 阿鲁科尔沁旗| 光泽县| 柏乡县| 东乌珠穆沁旗| 兴安县| 宿州市| 房产| 定陶县| 吉木萨尔县| 井冈山市| 深泽县| 西乌珠穆沁旗| 山阳县| 松桃| 蒙山县| 慈溪市| 西华县| 沙河市| 兴山县| 固阳县| 拉萨市| 东乌珠穆沁旗| 孝昌县| 车险|