关于IE7下select的高度设置问题

最新推荐文章于 2018-05-15 19:40:00 发布
最新推荐文章于 2018-05-15 19:40:00 发布
阅读量330 收藏
点赞数
分类专栏： css解决方案 文章标签： IE7下select高度的兼容问题
本文探讨了在IE7浏览器中设置select元素高度遇到的问题，并提供了一个使用font-size属性解决该问题的方案。具体包括：设置select元素的高度为28px，通过*margin-top确保视觉效果的一致性，同时保持line-height为28px以维持文字行高。

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

1、IE7下select的高度不能通过设置height？

 

     可以设置font-size来解决这个问题。

 

 

select{
   height:28px;
   *margin-top:4px;   
   line-height:28px;
}
select控件样式（兼容IE6、IE7、Firefox 2.0）
github_39051926的博客
09-07 1510
---请选择--- 安徽                                     css样式： .select * {   margin: 0;   padding: 0; } .select {   border:1px solid #c5c5c5;   border-bottom: 1px solid #d9d9d9;   float
IE7下的select框高度设定
wangxiaohui6687的专栏
03-26 3455
一：问题提出 这个是一个广为人知的bug了。 在IE7下面无法设定select的高度： select {height:40px;} 上面的设定能够在chrome跟firefox下面有效，如下图：  在IE7下面的效果就是IE浏览器默认的高度：  应该怎样去思考这个问题？我努力尝试网上各种各样的方法，有javascript模拟的，有css模拟的。
select 在ie中无法设置高度 的问题
fengkuangdexiaowoniu的专栏
03-19 863
select 在火狐、谷歌、 IE10中可以设置 style="height:100px;" 但在ie7中部行。 简单的方法就是 ，设置里面字体的大小 style="font-size: 200px" 更多相似问题可以到   这里     看看
关于ie6/ie7下select标签的高度设置兼容
Dylan_Wei的专栏
01-16 2757
关于布局的细节，表单确实很麻烦，浏览器的渲染多少总有那么一些差异，闲话不扯了，下面是关于select标签高度的一点心得，不对之处请，欢迎大家指正。     以下是各个浏览器对于select标签的设置高度属性支持的图：         图片是网络查找到的素材，不过自己测试了一下 IE7好像也不支持高度的设置，大家也可以自己测试一下。     网上也有一些帖子说使用标签自己模拟一个select
原生select高度兼容ie7--css样式
larennani的博客
06-08 1388
对于一个js刚入门的我来说，js模拟写select估计要鼓捣一天也弄不明白。好吧基于同志们都喜欢用原生的select，就各种百度搜索，发现这个还不错，关键是用css覆盖的哈哈，复制过来的时候ie7下还是有些问题，经改后现在已经能正常看了 js，js我何时才能学会！ html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww
ie6 7 8设置select的高度
kongjiea笔记
10-13 5167
兼容IE6/IE7/IE8/火狐---下拉菜单select高度 .standard_select{ /*边框*/ display:inline-block; border:solid 1px #E3E9EF; border-top-color:#ABADB3; padding:5px; /*调整此处改变select高度*/ } .select_shelt
关于select标签的高度设置在ie6/ie7下兼容心得
09-25
总之，解决IE6/IE7下`<select>`标签高度兼容性问题的方法多种多样，但都需要根据项目需求和实际情况进行权衡。在追求兼容性的同时，也要考虑代码的可维护性和用户体验。随着IE浏览器逐渐被淘汰，对于新项目，更建议...
下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)
09-25
2. `.container` 类：这个类主要用于解决IE6、7下的高度和溢出问题。通过设置 `*overflow:hidden`，我们可以隐藏下拉菜单超出容器的部分，避免在某些情况下下拉选项列表显示不全。同时，`*position:relative` 设置让...
IE6下Select元素被div等元素覆盖的解决办法
09-25
在IE6浏览器中，一个常见的布局问题是下拉选择框（select元素）在使用div元素制作蒙版或弹出层时会被覆盖，即使给div设置了更高的z-index也无法解决。此问题的根本原因在于IE6对z-index属性的解释与其它浏览器不同，...
IE6下div层被select控件遮住的问题解决方法
12-13
总结来说，面对IE6中的`div`层被`select`控件遮住的问题，我们可以利用`iframe`作为遮罩，并通过设置`z-index`和动态调整`iframe`尺寸的方法来解决。虽然这个方法在现代浏览器中可能不再适用，但对于仍然需要支持IE6...
IE7标准模式select高度计算方式
weixin_34389926的博客
05-14 95
IE7标准模式下select的高度设定并不一定有效.IE7的select高度的显示和option有关.例如:(以下计算忽略border,padding,margin) 一个option高度是22px,css样式:select{height: 100px;} 100/22 = 4.xxxx, 那么实际的高度就是4*22 = 88px如果设定的是select{height: 11...
ie8下input文字偏上select文字偏下
weixin_33774883的博客
12-06 219
1、ie8下input文字偏上 正常情况下input的显示情况如下 当设置input的高度时，就会出现文字不垂直居中偏上的情况，如图 解决方案 强input的行高line-height与其高度设置一致 input{ 　　height:30px; 　　line-height: 30px; } 显示效果如图所示 2、ie8下select文字偏下 正常情况下...
关于web前台在测试IE7下遇到的一些问题
月色无痕的专栏
04-25 1000
一、IE7下select标签 不只是 innerHtml方法，不支持js修改边框颜色
关于在ie7,8等低版本浏览器的获得<select>元素的值的的兼容性问题
weixin_33725239的博客
10-26 124
通过如下代码展示解决该兼容性方案！ 第一种：check2函数里面的方案可以针对option没有设置value和设置了value的情况<html><head> <meta charset="utf-8"> <title>select</title></head> <body> <!-- A...
jq仿select标签，兼容IE7
qq_25087307的博客
05-15 451
一直相找一个可以兼容IE7的select标签，可好多插件都太大，用起来太麻烦，所以自己写一款，亲测，可以兼容IE7，有不足之处还请多多指教。。 html:&lt;div class="clearfix"&gt; &lt;!--my-select--&gt; &lt;div class="my-select"&gt; ...
解决IE6、7、8中的按钮、select边框背景色
热门推荐
huang100qi的专栏
09-01 1万+
解决IE6与IE7中的按钮多出1px的内边框问题 参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] [操作系统：Windows] 自古多情空余恨——这话太适合形容我此时此刻的心情，IE6/IE7这俩自作多情的浏览器经常让我愤恨不已。 这故事、这bug是这样的： 默认的按钮我不爱它，所以我想给它一个我觉得漂亮的背景，但是长度又
解决IE6浏览器下拉菜单被select遮挡问题的解决方案
“解决IE6下三级下拉菜单被select遮挡的问题” 在互联网早期，Internet Explorer 6（简称IE6）是广泛使用的浏览器之一，但它存在许多已知的兼容性和渲染问题。其中一个问题是，当一个网页包含下拉菜单（如导航菜单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值