记录日常点点滴滴,欢迎来到我的小站。

0%

CSS 制作表单单选项未选择提醒

截图

CSS 制作表单单选项未选择提醒

代码

1
2
3
4
5
6
7
8
9
10
<style>
:indeterminate ~ .cs-valid-tips::before{content:"您尚未选择任何选项"; color: red; font-size: 87.5%;}
</style>
<input type="radio" id="radio1" name="raido">
<label for="radio1">单选项1</label>
<input type="radio" id="radio2" name="raido">
<label for="radio2">单选项2</label>
<input type="radio" id="radio3" name="raido">
<label for="radio3">单选项3</label>
<p class="cs-valid-tips"></p>