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

原文地址:https://www.cnblogs.com/Ly426/p/9802586.html