layui的select标签不能使用size指定下拉框的大小或者个数

最新推荐文章于 2020-12-22 16:14:56 发布
最新推荐文章于 2020-12-22 16:14:56 发布
阅读量7.2k 收藏 2
点赞数 1
分类专栏： 技术分享 layui 前端 文章标签： layui框架 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30307137/article/details/84144920
版权
技术分享 同时被 3 个专栏收录
4 篇文章 0 订阅
订阅专栏
layui
1 篇文章 0 订阅
订阅专栏
前端
1 篇文章 0 订阅
订阅专栏

因为layui对标签进行了封装，所以我们使用size属性设置没有生效，这时候我们需要修改他的 css 样式源码，进入他的css样式文件，ctrl+F搜索：max-height  ，搜到的应该有两个，参数是300px是我们要改的；我们把它改成我们想要的大小就行了   

落叶问风
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
layui的select下拉框太长被遮挡了的解决办法
weixin_40045983的博客
04-22 9115
layui的select下拉框太长采用滚动条的形式出现，可以给select的dl加一个最大高度，具体的效果如下图 .layui-form-select dl { max-height:160px; } 如果layui 的下拉框的内容过多样式会很难看，可以采用给select一个固定高度，超出部分滚动条滚动显示 只需要加一条css即可 <style> .lay...
layui表单select下拉选择框高度设置
Earl_yuan的专栏
03-19 7111
在我们使用layui的弹出层时，如果layer弹出的是页面层，恰巧这个页面层高度无需太高，又恰巧弹出层内部表单包含一个下拉框，更恰巧这个下拉框的内容还挺多，那么layui下拉框会出现以下问题。 下拉框打开后，下方的选项框超出了当前弹出页面层的高度，会出现下拉框的滚动条和页面的滚动条，用户体验感不好。 打开浏览器控制台可以看到以下的css样式，就是这里对下拉框进行了设置样式。 .layui-form-select dl { display: none; position: absolute;
layui tableSelect 数据表格下拉框 条件查询
qq_36636312的博客
10-16 1万+
效果图： 步骤 1，引入插件tableSelect layui.config({ base: '/static/layui-v2.5.6/ext/',// 第三方模块所在目录 version: 'v1.5.10' // 插件版本号 }).extend({ soulTable: 'soulTable/soulTable', tableChild: 'soulTable/tableChild', tableMerge: '
解决layui弹窗下的下拉选择框被遮挡或显示不全问题
热门推荐
LMXQH的博客
02-01 5万+
问题：在做后台的时候想要实现这样一个功能，点击弹出一个窗口，窗口是下拉选择框，给用户选择。用到了layui，但是却发现，弹窗虽然固定了高宽，但是里面的下拉框，在显示的时候却被弹窗挡住了，导致滚动条出现。 如下图： 后来发现只要是不用layui提供的下拉选择框，是不会出现被遮挡的问题的。 但是我还就非要用了，怎么滴了吧... 研究很久，怎么解决呢？
layui下拉选择框select不显示或没有效果
dongsir
11-26 1万+
Layui弹层layer中select没CSS样式或渲染失效的解决方法 一、必须给表单体系所在的父元素加上 class="layui-form" 在一个容器中设定class="layui-form"来标识一个表单元素块，如果你不想用 form，你可以换成div等任何一个普通元素；记得要在 外层容器 中定义class="layui-form"，form 模块才能正常工作。 &...
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
10-16
本文将深入探讨如何使用layui监听器监听select下拉框，并解决事件绑定不成功的问题。 首先，layui监听器的核心在于其事件绑定机制。在layui中，我们可以使用`form.on()`方法来监听form表单内的元素事件，包括select...
layui多选下拉框样式，整套layui-select-multiple
12-09
Layui是一个强大的前端UI框架，它提供了一系列美观且易于使用的组件，包括我们所讨论的多选下拉框。"layui-select-multiple"就是Layui专门为多选下拉框设计的一整套样式和功能。 首先，我们来看“layui多选下拉框...
layui下拉框获取下拉值(select)的例子
10-16
本文将详细讲解如何在 Layui 中获取下拉框的选中值，并通过一个具体的例子来演示这一过程。 首先，我们需要理解 Layui 的 Select 组件是如何工作的。Layui 的 Select 是基于原生 HTML `<select>` 元素进行封装的，...
layui表单验证select下拉框实现验证的方法
12-29
layui 的form表单里的select 一开始以为加上lay-verify=”required”就可以验证不空了,可是反复试了几次都不能验证 代码如下： <div class=layui-form-item> <label class=layui-form-label>所属工种: ...
layui的select下拉框插件，可以多选
06-24
要创建一个多选的layui `select`下拉框，你需要在HTML中定义一个`<select>`元素，并使用layui的class `layui-select`来激活该插件。同时，为了开启多选功能，我们需要添加`multiple`属性。下面是一个基本示例： ```...
layui固定下拉框的显示条数(有滚动条)的方法
10-16
今天小编就为大家分享一篇layui固定下拉框的显示条数(有滚动条)的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
JSF Validation Error: Value is not valid(值无效)错误解决一
xumingrencai
11-30 2088
问题提出： 平台：Richfaces,Jsf,Spring,Ejb3.0 页面文件: Html代码 &lt;h:selectOneListboxsize="1" value="#{coalDailyBackBean.currentEntity.coalDaily.coalTS}"converter="com.mycompany.CoalTransportSt...
Layui如何控制select 的高度
一抹茶-CSDN的博客
03-09 8673
CSS： .layui-unselect dl { max-height:200px; } 选择器如下： css:-------&gt; .layui-unselect dl { max-height:200px; } 当然如果你没有成功！改选择器就可以了
layui动态改变弹出框的高度
感叹号○的博客
11-28 1万+
弹出框页面中根据下拉选项的不同，动态的改变页面的高度。
layui下拉框的高度_LAYUI select 下拉框得高度
weixin_39647787的博客
12-22 1077
UITextFieldUITextFieldDemo 效果 特点 1.有效定制键盘的样式 2.处理键盘对文本框的遮挡 用法 1.导入文件(UITextField+CreateInputAccessoryView.h/.m) ...&lbrack;地图SkyLine二次开发&rsqb;关于IE内存限制问题&lpar;1G&rpar;相信很多人也遇到过同样的问题,地图加...
layui select多级联动
code wars
07-03 5660
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div class
关于layui下select下拉框不显示问题解决办法
小山羊的学习日志
10-02 5595
学习笔记，仅供参考，有错必纠 参考自：解决Layui动态生成select下拉选择框不显示问题 我想在layui框架下添加一个下拉框，但是按照layui官方文档说明添加后，下拉框却不显示，代码如下： <form class="layui-form" method="POST" action=""> <div class="layui-form-item"> <label for="L_repass" class="layui-form-lab
layui页面元素使用（一）
Andy_lau
05-31 3万+
目录：     1.页面元素控件的清单     2.每个控件的使用方法     1.页面元素控件的清单       2.每个控件的使用方法     2.1 字体图标            1） 在内链元素中设置 class="layui-icon" 然后设置图标的Unicode编码即可显示图标，图标的颜色和大小设置方法和css设置字体
layUI select 下拉框动态多选功能如何实现
最新发布
04-19
你好，关于layUI select下拉框动态多选功能如何实现，可以通过在select标签上添加multiple属性开启多选模式，同时在option标签上添加selected属性来指定选中项。例如： ``` <select name="city" multiple> <option value="Beijing" selected>北京</option> <option value="Shanghai">上海</option> <option value="Guangzhou" selected>广州</option> <option value="Shenzhen">深圳</option> </select> ``` 这样设置后，北京和广州将默认选中。当用户需要动态选择或取消选择某一项时，可以通过JavaScript代码来操作。例如，给下拉框添加change事件，当选中项改变时触发相应的函数： ``` $('select[name=city]').change(function(){ var selectedValues = $('select[name=city]').val(); // 这里的selectedValues就是当前选中的所有值，可以进行其他操作 }); ``` 希望能帮到你。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值