zoukankan      html  css  js  c++  java
  • layui创建表单下拉框样式不显示

    border-left: 5px solid #009688;

    注释:solid实体,实心样式;

    Blockquote:块引用;Fieldset:字段集;

    1.所有浏览器都支持 <fieldset> 标签。

    fieldset 元素可将表单内的相关元素分组。

    <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

    当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

    <fieldset> 标签没有必需的或唯一的属性。

    <legend> 标签为 fieldset 元素定义标题。

      

    2、问题:示例页面下拉框样式出不来,输入框可以

    解决:

    引入js文件<script src="~/layuiadmin/layui/layui.js"></script>

    render刷新select选择框渲染;

    代码:

    layui.use('form', function () {
    var form = layui.form;
    form.render('select'); //刷新select选择框渲染
    //各种基于事件的操作,下面会有进一步介绍
    });

    总结:页面html中有样式后,需要js代码重新渲染一下,才有下拉框效果; 

    Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同理(它们需依赖 element 模块)

    所以当新添加这些元素以后需要对页面表单元素重新渲染一下

    https://www.layui.com/demo/form.html

    https://blog.csdn.net/light_666/article/details/80205041

  • 相关阅读:
    diary and html 文本颜色编辑,行距和其它编辑总汇
    bash coding to changeNames
    virtualbox ubuntu 网络连接 以及 连接 secureCRT
    linux 学习6 软件包安装
    linux 学习8 权限管理
    vim 使用2 转载 为了打开方便
    ubuntu
    linux 学习15 16 启动管理,备份和恢复
    linux 学习 14 日志管理
    linux 学习 13 系统管理
  • 原文地址:https://www.cnblogs.com/Ly426/p/9802586.html
Copyright © 2011-2022 走看看