在制作網(wǎng)頁表單的時(shí)候，如果一個(gè)選項(xiàng)是必填的，通常會(huì)給選項(xiàng)添加一個(gè)星號(hào)，比如 Typecho 的評(píng)論表單：

姓名 *

示例：

*姓名

然后給星號(hào)添加一點(diǎn) CSS 樣式：

.form-group span.required {

color: #999;

font-size: 150%;

}

例如：

但是有些時(shí)候我們可能無法修改 HTML 結(jié)構(gòu)，或者不想添加多余無意義的標(biāo)簽，這時(shí)可以利用 CSS 的 after 偽類來制作出一個(gè)星號(hào)。

還是上邊的表單，刪除 * 這段代碼，然后添加 CSS：

.form-group label:after {

content: ' *';

color: #999;

font-size: 150%;

}

這樣就可以通過 CSS 來制作出一個(gè)代表必選的星號(hào)。

其實(shí) CSS 的 before 和 after 偽類是非常好用的，大多數(shù)人只是拿它來清除浮動(dòng)，其實(shí)腦洞開一下，好好利用這兩個(gè)偽類可以做出很神奇的事情。

總結(jié)

以上所述是小編給大家介紹的使用CSS 給表單必選項(xiàng)添加星號(hào)的實(shí)現(xiàn)方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)網(wǎng)站的支持！

總結(jié)

以上是生活随笔為你收集整理的css在线留言星号,使用CSS 给表单必选项添加星号的实现方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。