控制SELECT的高度

最新推荐文章于 2023-02-15 09:15:20 发布
原创 最新推荐文章于 2023-02-15 09:15:20 发布 · 194 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文分享了在Internet Explorer浏览器中通过设置字号大小来调整SELECT元素高度的方法，提供了一种解决该问题的技术方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

测试了一下,MS在IE下只有用字号来控制SELECT的高度..

 

 

<select name="" style="font-size:21px;">
  <option value="22">22</option>
  <option value="11">11</option>
</select>

 

 

http://bbs.blueidea.com/thread-2779764-1-1.html

select框的高度设置
wangxiaohui6687的专栏
08-29 2513
select框的高度不能直接设width等于多少，而是要用字体的大小来撑框的高度。
HTML 设置select标签的高度
XIAOMENG_CN的专栏
04-10 1万+
select {    border: 1px solid #555;    padding: 0.5em;    font-size: 15px;    line-height: 1.2em;    background: #fff;    -webkit-appearance: none;    -webkit-box-shadow: 1px 1px 1px #fff;    
给select下拉框设置高度
weixin_34332905的博客
12-07 1126
2019独角兽企业重金招聘Python工程师标准>>> ...
解决Select下拉列表的高度
奋斗者的专栏
05-06 1万+
Select 下拉列表的内容如果有很多的话，内容框的高度就会很高，导致不好看的。作者百度了查看了很多资料，也试过。可以通过css和js来进行高度的控制 但是不太好看。后来发现了通过combobox这个组件就可以解决这个问题了。     一:引入js，css文件        引入jquery.easyui.min.js,combobox-ext.css 这两个文件。     二:在
select下拉框设置高度的完美解决办法
热门推荐
weixin_41262388的博客
01-02 7万+
我想，我们经常能够遇到关于select设置高度的问题，当然一些组件或者插件或许可以解决。    现在我也是在网上看了这位仁兄的解决方案http://blog.youkuaiyun.com/u012759397/article/details/69487752    现在我也是把这个解决方案写一下，同时解析一下。         其实select有一个size属性，可以对其设定大小，这样能控制显示
关于select标签的高度设置在ie6/ie7下兼容心得
09-25
一种常见的解决方案是使用JavaScript或者jQuery来模拟`<select>`标签，创建自定义的下拉菜单组件，这样可以拥有更高的控制权，包括高度、样式等。然而，这种方法虽然效果理想，但会增加页面的复杂性和加载时间，也...
select:自定义select控件，支持回调函数，高度，宽度
05-14
标题"select:自定义select控件，支持回调函数，高度，宽度"正是指的这种自定义需求。 首先，我们来讨论自定义select控件。在原生HTML中，select元素的功能有限，样式控制也相对简单。为了实现更具交互性和设计感的...
JS更改select内option属性的方法
11-24
本例主要探讨了如何使用JavaScript来更改`<select>`元素内的`<option>`属性，特别是其文本值。以下是对这个实例的详细说明： 首先，我们有一个包含`<select>`元素的HTML页面，`<select>`元素具有一个id为'SHGX'，...
el-select 高度会变
03-22
你可以通过设置 el-select 的 maxHeight 属性来控制下拉选项的最大高度。 2. 下拉选项的内容长度不一致：如果下拉选项的内容长度不一致，会导致 el-select 的高度随着内容的多少而变化。你可以通过设置 el-select 的...
在html中select标签下拉框的高度怎么调节
weixin_42588555的博客
02-15 5545
要调整HTML中select标签下拉框的高度，您可以使用CSS中的height属性。具体来说，您可以通过以下方式将其高度设置为特定的像素值： <select style="height: 100px;"> <option value="1">选项1</option> <option value="2">选项2</option> ...
给select框设置高度
Melody_song的博客
07-19 947
class="article-start-box">class="categery">分类栏目 "position: absolute;z-index: 1;margin-left: 40px;" class="choose" onmousedown="if(this.options.length>6){this.size=7}" onblur="this.size=0" onchange="
select框宽度与高度设置(实用版)
weixin_34202952的博客
05-09 6174
在IE中只能使用 font-size: 限制 select 的高度。   同时使用 width:200px 限制宽度   size="20" 表示最多显示20个选项，超过20的需要拖动滚动条显示。   multiple 表示 select 可多选   &lt;select size="20" style="width:200px;font-size:12px" multiple...
Vue ElementUI el-select 改变高度
前端技术
02-26 2万+
默认高度是 40px。 自定义高度要修改内部 css。注意右侧的箭头也要修改，否则会有偏移问题。 直接上代码 <style lang="stylus"> /* 自定义宽度 */ .my-el-select { width: 320px; /* selecte 框的高度设置，默认是 40px*/ .el-input__inner{ height: 30px; } /* 下面设置右侧按钮居中 */ .el-input__..
layui表单select下拉选择框高度设置
Earl_yuan的专栏
03-19 8110
在我们使用layui的弹出层时，如果layer弹出的是页面层，恰巧这个页面层高度无需太高，又恰巧弹出层内部表单包含一个下拉框，更恰巧这个下拉框的内容还挺多，那么layui下拉框会出现以下问题。 下拉框打开后，下方的选项框超出了当前弹出页面层的高度，会出现下拉框的滚动条和页面的滚动条，用户体验感不好。 打开浏览器控制台可以看到以下的css样式，就是这里对下拉框进行了设置样式。 .layui-form-select dl { display: none; position: absolute;
css解决select下拉表单option高度的办法
weixin_34126215的博客
02-05 1万+
css在给select下拉表单设置样式如边框时可以轻松搞定，而我们在不喜欢其默认的下拉箭头的样式时试图通过background:url(图片路径)来修改之，则往往会出现浏览器的兼容性问题，在网上查了好多资料，最好的解决办法也是大神们用js来模拟下拉表单。额~，好吧，暂且就按照大神们的办法来解决这个问题吧。 下边来说说css如何解决select的option高度的？ 有时我们在设置了select...
el-select 高度
最新发布
01-15
具体来说就是针对 `.el-input__inner` 类名应用新的样式规则以控制输入框的高度，并且还需要对弹出的选择面板进行额外定制以便于整个控件看起来协调一致。 ```css /* 修改 input 高度 */ .el-select .el-input__...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值