一分一毛也是爱

微信

微信

支付宝

支付宝

观海听潮

观海听潮博客

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

观海听潮博客

注册
×

我的名片

网名:观海听潮

职业:PHP开发工程师

现居:山东省-青岛市

Email:1256699215@qq.com

网站统计

  • 观海听潮•博客
  • 77篇
  • 149条
  • 119511次
  • 248次
  • 美国弗吉尼亚州

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

观海听潮

layui表单必填项带*样式

观海听潮 442天前 1722 0条评论
摘要
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

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

文章评论

表情表情
×
图片图片

评论列表