layui2.2.5下拉样式不生效问题

Question

问题遇到的现象和发生背景

下拉菜单样式不对，input就是正常的

问题相关代码，请勿粘贴截图

<link rel="stylesheet" type="text/css" href="${ctx_root}/resource/ui/css/postManage.css"/>
<link rel="stylesheet" type="text/css" href="${ctx_root}/resources/js/layui/css/layui.css"/>
<script src="${ctx_root}/resources/js/layui.2.6.8/layui.js" type="text/javascript" charset="utf-8"></script>
。。。。
<div class="layui-inline">
    <label class="layui-form-label" style="width: auto">性别：</label>
     <div class="layui-input-block" style="width: 70px;">
        <select name="zfPositionFlag" lay-filter="zfPositionFlag">
            <option value=""></option>
            <option value="m" selected="">男</option>
            <option value="w">女</option>
         </select>
      </div>
</div>

我的解答思路和尝试过的方法

我想要达到的结果

官网这种样式

Answer 1

今天在调试Layui的下拉框时，发现下拉框的样式失效，经过后期的调试发现，layui的下拉框的样式想要生效，必须要在js里面使用

layui.use(["form","table"], function(){
var form = layui.form;
form.render('select'); 
});

这个layui的初始化方法，因为它的内部有给标签增加样式的方法，勿忘！

参考

Layui的下拉框样式失效问题_快乐的小三菊的博客-CSDN博客_layui下拉框没样式 今天在调试Layui的下拉框时，发现下拉框的样式失效，经过后期的调试发现，layui的下拉框的样式想要生效，必须要在js里面使用layui.use(["form","table"], function(){});这个layui的初始化方法，因为它的内部有给标签增加样式的方法，勿忘！... https://blog.csdn.net/xhf852963/article/details/88106816

初始化了嘛？