一分一毛也是爱

微信

支付宝

支付宝

还没有账号？去注册

注册

×

我的名片

网名：观海听潮

职业：PHP开发工程师

现居：山东省-青岛市

Email：1256699215@qq.com

最新文章

点击排行

猜你喜欢

经典模块化前端框架

经典模块化前端框架

友情链接

网站统计

网站名称：观海听潮•博客
文章总数： 81篇
留言总数： 151条
总访问量： 299189次
今日访问量： 103次
当前访客来源：美国弗吉尼亚州
网站运行：

您现在的位置是：首页 > 技术杂谈 > 前端前端

layui表单必填项带*样式

观海听潮 2019-09-10 13:48:01 694 0条评论

默认

摘要

layui表单label标签带*号的必填项样式分享

css样式部分：

.layui-form-label.layui-required:after{

content:"*";

color:red;

position: absolute;

top:5px;

left:15px;

}

html页面部分：

<div class="layui-form">

<div class="layui-form-item">

<label class="layui-form-label layui-required">消息标题：</label>

<div class="layui-input-block">

<input type="text" name="name" autocomplete="off" placeholder="请输入消息标题" class="layui-input">

</div>

</div>

</div>

示例效果图：

转载请注明：观海听潮博客

本文地址：https://www.chengzhigang.cn/al/57.html

上一篇：windows下php+ngnix curl跨域访问卡死

下一篇：公众号基本配置

QQlogo

文章评论

表情

评论列表