兼容性问题

来源：互联网发布：广州淘宝拍摄基地编辑：程序博客网时间：2024/06/07 01:31

一、【解决】IE6、7中SELECT标签高度的兼容性修复
(select需要被多嵌套两层标签，一层用来遮挡select的默认边框[在IE6、7中设置border:0px也是无效的，高版本可用]，另一层用来模拟”高度改变后的“select边框)

<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>

参考网址：IE6、7中SELECT标签高度的兼容性修复

0 0