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

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

img


下拉菜单样式不对，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>
我的解答思路和尝试过的方法
我想要达到的结果

官网这种样式

img

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

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

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

参考

初始化了嘛？

你要在外面套一个from标签嵌套使用

<form>
 <select name="zfPositionFlag" lay-filter="zfPositionFlag">
            <option value=""></option>
            <option value="m" selected="">男</option>
            <option value="w">女</option>
         </select>
</form>

有用的话请采纳一下