关键词搜索

源码搜索 ×
×

layui 表单 红色*表示必填项,红色右三角 文本框 下拉框

发布2022-01-20浏览1231次

详情内容

样式

  1. <style>
  2. /* 表单必填项,右红三角 */
  3. .fn_bixuan{position: relative;}
  4. .fn_bixuan::after{position: absolute;display: block;content: ''; z-index: 1;transform: rotate(-45deg); left: -10px;top: -10px;border: 10px solid; border-color: transparent transparent red;}
  5. </style>

html:在class中加fn_bixuan;不能加在表单元素本身上

  1. //文本框
  2. <div class="layui-input-block fn_bixuan">
  3. <input type="text" name="title" placeholder="标题" autocomplete="off" class="layui-input">
  4. </div>
  5. //下拉框
  6. <div class="layui-input-block fn_bixuan" >
  7. <select name="id">
  8. <option value="">请选择</option>
  9. </select>
  10. </div>

 

 

相关技术文章

点击QQ咨询
开通会员
返回顶部
×
微信扫码支付
微信扫码支付
确定支付下载
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载