CSS3 在表單設計中為我們提供了更多的掌握,讓我們能夠更加靈活地設計自己的表單。而必填項中號就是其中一項重要的功能。
label.required:after { content: " *"; color: red; }
必填項中號可以用來表示字段是必填的,它是一個小紅星或者小紅點,通常放在字段名稱或者標簽后面。下面是一個標準的CSS代碼,用來顯示必填項中號:
label.required:after { content: " *"; color: red; }
這個代碼塊的含義是,在所有標簽類名為 .required 的 label 標簽后添加一個帶有紅色星號的偽元素,表示該字段為必填項。
在實際項目中,我們可以把這個代碼塊加進我們的公共樣式表中,這樣每次需要標記必填項的時候,直接添加一個 .required 的 label 即可。例如:
姓名
這樣就成功地在表單中標識了姓名這一必填字段。
當然,必填項中號不一定非得是紅色星號。我們可以根據需求進行修改。下面的代碼將中號改為了小圓點:
label.required:after { content: " \2022"; /* \2022 表示小圓點 */ color: red; }
通過簡單修改CSS代碼,我們便可以實現自己想要的必填項中號的展示效果。
上一篇html 游戲代碼