一分一毛也是爱

微信

微信

支付宝

支付宝

观海听潮

观海听潮博客

登录
还没有账号?去注册
观海听潮

观海听潮博客

注册
  • 欢迎来自美国弗吉尼亚州的访客,您好!
×

我的名片

网名:观海听潮

职业:PHP开发工程师

现居:山东省-青岛市

Email:1256699215@qq.com

网站统计

  • 观海听潮•博客
  • 54篇
  • 145条
  • 22684次
  • 295次
  • 美国弗吉尼亚州

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

观海听潮

layui表单必填项带*样式

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

css样式部分:

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

            content:"*";

            color:red;

            positionabsolute;

            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>

示例效果图:

0cf650a0254b6885cf2b171e74766880706209.png

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

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

讨厌 (0)
微博logo QQ空间logo QQlogo 豆瓣logo 人人logo 百度贴吧logo 有道云笔记logo

文章评论

表情表情
×
图片图片

评论列表