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.youkuaiyun.com/light_666/article/details/80205041

转载于:https://www.cnblogs.com/Ly426/p/9802586.html