关于select标签的高度设置在ie6/ie7下兼容心得
2014-03-28 11:24
274 查看
关于布局的细节,表单确实很麻烦,浏览器的渲染多少总有那么一些差异,闲话不扯了,下面是关于select标签高度的一点心得,不对之处请,欢迎大家指正。
以下是各个浏览器对于select标签的设置高度属性支持的图:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030198/b02bcef0e4f9c0bf26f563f659f948e7)
图片是网络查找到的素材,不过自己测试了一下 IE7好像也不支持高度的设置,大家也可以自己测试一下微笑。
网上也有一些帖子说使用标签自己模拟一个select标签,或者js之类的。具体我也没有实际操作,而是意外的发现了jquery ui里面的select就可以设置高度。
其实很简单---就是设置select标签的font-family属性,如下:
-------------- select { font-family : Trebuchet MS }
OK了,就是这么简单!
以下是各个浏览器对于select标签的设置高度属性支持的图:
图片是网络查找到的素材,不过自己测试了一下 IE7好像也不支持高度的设置,大家也可以自己测试一下微笑。
网上也有一些帖子说使用标签自己模拟一个select标签,或者js之类的。具体我也没有实际操作,而是意外的发现了jquery ui里面的select就可以设置高度。
其实很简单---就是设置select标签的font-family属性,如下:
-------------- select { font-family : Trebuchet MS }
OK了,就是这么简单!
相关文章推荐
- 关于ie6/ie7下select标签的高度设置兼容
- 关于select标签取值和设置值
- 设置select标签的高度
- CSS - Select 标签在不同浏览器中的高度设置
- 关于在IE下对Select标签设置innerHTML无效的问题
- 关于在IE下对Select标签设置innerHTML无效的问题
- 关于在IE下对Select标签设置innerHTML无效的问题
- select设置高度的兼容问题
- 标签最低高度设置min-height不兼容
- 关于strutst2 select标签的disable属性的设置和移除
- 关于select2高度自定义设置解决方案
- 关于div设置最小高度,超过后自动增加的css,兼容IE和火狐
- IE6设置select标签高度兼容性问题
- HTML 设置select标签的高度
- 关于datagridview自动增加行高度和显示全部内容的设置
- Design Compiler(DC)中关于delay的设置心得
- 关于struts使用html:select标签的默认选项
- CSS关于子元素设置了float属性后父元素高度为0的解释和解决方法
- User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器