select设置高度的兼容问题

在IE678下，我们给select设置高度的话，里面的option无法居中，折中的兼容方式就是，我们给select的border:0；外面套一层div，这个div给他设置padding，让select居中，但是IE67个select设置的border还是有问题，所以还要加一个遮住默认边框的层（设置overfow:hidden）;ff和chorme按照正常的设置line-height就可以了;
IE8和IE8一下的用
<!--[if IE 8]>
<![endif]-->
这种写法就好了<style type="text/css">.standard_select{ /*边框*/display:inline-block;border:solid 1px #E3E9EF;border-top-color:#ABADB3;padding:5px; /*调整此处改变select高度*/
}
.select_shelter{ /*遮挡默认边框*/display:inline-block;width:100px;*width:98px;height:20px;overflow:hidden;
}
.select_shelter select{*margin:-2px;padding:1px;border:0px;width:100px; /*select的宽度*/
}</style><span class="standard_select"><!--边框--><span class="select_shelter"><!--遮挡默认边框--><select><option value="papername" selected="selected">SELECT选项标签</option><option value="state">选项二</option><option value="state">选项三</option><option value="state">选项四</option><option value="state">选项五</option><option value="state">选项六</option></select></span>
</span>

select设置高度的兼容问题相关推荐

css模拟select设置高度在ie67下有效（也可作为去除边框）
今天做测试页面碰到的第二个问题,IE6,IE7 下无法去除select下拉菜单的边框,新手伤不起...百度.... 以下为转载: 下面的描述都是根据这个结构来的 <div class=" ...
纯CSS调整select选择框高度，兼容IE/Firefox/Opera/Safair/Chrome
在IE下直接用height.border定义select没有效果,目前大部分情况都是用js进行模拟,其实css也是可以做得到的,原理很简单,隐藏select选择框的原生边框,再用其他元素模拟内边距及边 ...
给select下拉框设置高度
给select下拉框设置高度效果: select属性: onmousedown="if(this.options.length>4){this.size=4}" onblu ...
控件View动态设置高度时会卡顿、速度慢的情况解决
今天碰到这种情况,一直想不通是什么问题,之前一直设置高度的时候也不卡为何今天就这么卡了.做了很多小示例一直是很慢,后来试着把View的上级节点RelativeLayout的替换成了LinearLayo ...
索尼笔记本bios如何设置VT-x/AMD-V兼容
索尼笔记本bios如何设置VT-x/AMD-V兼容 VAIO笔记本电脑屏幕显示开机[Sony]图标(或者[VAIO]图标)之后,请确认硬盘指示灯是否亮起. 如果硬盘指示灯刚亮起时按下[F2]键,VAI ...
[js] 获取浏览器当前页面的滚动条高度的兼容写法
[js] 获取浏览器当前页面的滚动条高度的兼容写法 document.documentElement.scrollTop || document.body.scrollTop; 个人简介我是歌谣,欢 ...
css设置高度和宽度相同
(根据宽度设置高度)如果确定width:100%;则设置高度 height: 100vw; (根据高度设置宽度)如果确定高度height:100%;则设置 width: 100vh; (根据宽度设置高 ...
lable标签的宽度_html中的label标签怎么设置高度？label标签的使用方法介绍
本篇文章主要的介绍的是关于HTML中的label标签设置高度的方法.还有关于HTML label标签的使用方法介绍.下面就让我们一起来看这篇关于html label标签的文章吧首先我们先来看看在ht ...
CSS 行内元素设置高度
设置line-height属性行内元素设置高度,并且文本垂直水平居中 span {background: red;line-height: 100px;align-items: center;dis ...
ng-alain 下拉框select设置多选mode: ‘multiple‘时的问题
ng-alain 下拉框select设置多选mode: 'multiple'时的问题 levelRels: {type: 'string',title: '上级外键关系',ui: {widget: ' ...

select设置高度的兼容问题

select设置高度的兼容问题相关推荐

最新文章

热门文章