css 文本框 必填星号

CSS文本框必填星号

CSS（层叠样式表）可以使用伪元素的形式在文本框上添加必填的星号。这个星号可以提醒用户这个文本框是必须填写的，如果不填写就无法提交表单。

input[type="text"]:required::before{
        content: "*";
        color: red;
        margin-right: 5px;
}
    

上面的代码使用了伪元素:before以及属性选择器[type="text"]和:required，表示只对必填的文本框添加星号。

在:before中使用content属性添加星号，并通过color属性将星号变为红色，通过margin-right属性设置星号与文本框之间的间距。如果需要调整星号的大小，也可以使用font-size属性。

最后需要注意的是，在输入框的HTML代码中添加required属性，这样浏览器才会识别它是必填的。

input type="text" required>
    

以上代码表示一个必填的文本框。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！