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

首頁 > 開發 > CSS > 正文

使用CSS 給表單必選項添加星號的實現方法

2024-07-11 08:25:13
字體:
來源:轉載
供稿:網友

在制作網頁表單的時候,如果一個選項是必填的,通常會給選項添加一個星號,比如 Typecho 的評論表單:

<p class="form-group"> <label for="author">姓名</label> <span class="required">*</span> <input type="text" id="author" name="author" required="required" size="30" class="form-text"></p>

示例: 

* 姓名 

 
 

然后給星號添加一點 CSS 樣式:

.form-group span.required { color: #999; font-size: 150%;}

例如:

 

但是有些時候我們可能無法修改 HTML 結構,或者不想添加多余無意義的標簽,這時可以利用 CSS 的 after 偽類來制作出一個星號。

還是上邊的表單,刪除 <span class="required">*</span> 這段代碼,然后添加 CSS:

.form-group label:after { content: ' *'; color: #999; font-size: 150%;}

這樣就可以通過 CSS 來制作出一個代表必選的星號。

其實 CSS 的 before 和 after 偽類是非常好用的,大多數人只是拿它來清除浮動,其實腦洞開一下,好好利用這兩個偽類可以做出很神奇的事情。

總結

以上所述是小編給大家介紹的使用CSS 給表單必選項添加星號的實現方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 图片| 通山县| 迁西县| 景宁| 广德县| 杭州市| 新宁县| 屏东市| 崇明县| 赫章县| 阳山县| 大宁县| 高邮市| 高阳县| 黄平县| 河南省| 文成县| 白城市| 井陉县| 茶陵县| 化德县| 镇远县| 凤庆县| 德兴市| 昂仁县| 射阳县| 葫芦岛市| 嵩明县| 崇文区| 伊春市| 清水河县| 怀安县| 丰宁| 绵阳市| 安塞县| 天门市| 长葛市| 阿克苏市| 登封市| 娄底市| 瑞丽市|