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

姓名 *

示例：

*姓名

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

.form-group span.required {

color: #999;

font-size: 150%;

}

例如：

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

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

.form-group label:after {

content: ' *';

color: #999;

font-size: 150%;

}

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

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

總結

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。