IE8 下处理select标签高度不居中

IE8：

Chrome:

同样的代码可是在IE8下select的文字并不是垂直居中。

处理：给select的样式添加padding上下的内边距。

加line-height一点用都没有。

时间： 2024-10-11 08:06:59

IE8 下处理select标签高度不居中的相关文章

select标签的字体居中问题

今天编写JSP时,发现使用了<s:select>实现选择框的某一选择栏,其中的字体没有垂直居中,在网络上查找了一下关于select标签垂直居中显示内容的问题,发现不少人也遇到同样的问题,有人干脆把select称作最恶心的标签,因为几乎不能对它应用任何CSS样式.下面看看select有多恶心. <style type="text/css"> select{ height:50px; width:100px; font-size:15px; } </style

ie8 下使用video 标签的z-index问题

最近在项目中遇到了一个问题,就是在ie8下video的z-index 很小,但是却始终显示在最上面,经过很长时间的查论,最终解决了这个问题. 1.设置flash为透明:但是如果你在DW中插入动画,再加<param name="wmode" value="transparent">是不生效的.要把整个的flash插件12代码换成如下:<object type="application/x-shockwave-flash" data

给select标签设置下拉框高度

最近的需求涉及有下拉框,突然想到如果下拉选项过多的话可能要对下拉框的高度做一下限制,查了一下select标签,有size这个属性,原以为可以实现. <!DOCTYPE html> <html> <body> <select size="3" style="width:100px"> <option value="volvo">Volvo</option> <option

IE8下JQuery clone 出的select元素使用append添加option异常解决记录

遇到一个怪现象,由于配置参数是多实例的, 故采用JQuery对模板HTML代码进行clone, HTML代码中包括select标签, 在克隆之后需要对select进行添加option. 在firefox和chrome浏览器上都没有问题,在IE10下也没有问题, 但是在IE8下就出现问题,使用append添加option后,IE8上就显示不出来新添加option. 示例代码如下,对于clone出的第二个select有问题,但是通过打印,发现添加后的option数目是正确的3个. 这个就太令人费解了

ie8下a标签中的图片出现边框

1.ie8下a标签中的图片出现边框 <a href="#"><img src="horse.jpg"></a> 效果如图所示 2.解决方案将img的边框设置为0或none img{border:none;}

selenium处理select标签的下拉框

有时候我们会碰到<select></select>标签的下拉框.直接点击下拉框中的选项不一定可行.Selenium专门提供了Select类来处理下拉框. <select id="status" class="form-control valid" onchange="" name="status"> <option value=""></option&g

IE8下Jquery获取select选中的值的问题

我们一般使用jquery获取select时,一般这么用: <select id='a'> <option selected='selected' value='1'> </select> var selectedValue = $("#a").val(); 在非IE8下,selectedValue的值为"1",typeof selectedValue 为"string". 在IE8下,selectedV

a标签的背景图在ie8下不显示的问题

突然发现临下班时候问题就多, 马上下班了被头头告知线上已经上线很久的活动现在有个兼容性问题, a标签的背景图在ie8下会有不显示的情况. 我自己找了台ie8的机器实验了一下, 发现一切正常, 但是在另外一个同事机器上就会有这个问题, 真心奇怪! 后来找到问题的原因, 是因为在ie8下要显示a标签的背景图有一个重要属性: display:block; 同时还要注意background属性中 no-repeat 前面的空格. 改正之后, 背景图正常显示了. 不过同是ie8, 一个可以, 一个却不行这

CSS - Select 标签在不同浏览器中的高度设置

当使用Select标签时,在不同浏览器中显示的高度不同,如何解决此问题: 解决方法链接:http://stackoverflow.com/questions/20477823/select-html-element-with-height Demo:http://jsfiddle.net/64px3yg5/1/ HTML: <select> <option>Here's one option</option> <option>here's another o