layui select框里的option选项高度如何调整?

layui的select框,下拉选择项的高度如何调整?不是组件的高度,是选项的高度。

img

可以使用CSS来调整layui select框里option选项的高度。

例如,设置所有option选项的高度为30px:

.layui-anim-upbit dd {
  height: 30px;
  line-height: 30px;
}

其中,layui-anim-upbit是layui select框的class name,dd表示选项列表里的每一个option选项。

你可以根据自己的需要调整高度和行高。

  • 这篇博客: Layui 框架说明中的 5、下拉列表select监听 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • form.on('select(XXX)', function(data){ //XXX为select的lay-filter属性值
    	layui.layer.msg(data.value);//得到被选中的值
    	layui.layer.msg(data.elem); //得到select原始DOM对象
     })