layui select下拉框不显示样式

原链接:https://www.cnblogs.com/sirdong/p/12182145.html

解决方法:使用 form表单

当你使用表单时,layui 会对 select、checkbox、radio 等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于 form 组件,所以你必须加载 form,并且执行一个实例;

在这之前,你需要保证引入 js 的路径是否正确,也就是要注意 layui 已经成功的引入进来

只有执行下面,部分表单元素才会自动修饰成功

layui.use('form', function(){
    var form = layui.form; 
});

解决方法:更新渲染

form.render(); //更新全部
form.render('select'); //刷新select选择框渲染

页面没用 <form> 标签,也可以使用上面代码,也会更新渲染

解决方法:加样式

<select> 控件的父元素加上 class="layui-form" 样式


原文出处:http://malaoshi.top/show_1IX275Zul13P.html