css修改layui的下拉框样式 js_layui创建表单下拉框样式不显示

border-left: 5px solid #009688;

注释：solid实体，实心样式；

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

1.所有浏览器都支持

标签。

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

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

当一组表单元素放到

标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。 标签没有必需的或唯一的属性。

标签为 fieldset 元素定义标题。

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

解决：

引入js文件

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模块)

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

/demo/form.html

/light_666/article/details/80205041