兼容性问题

一、【解决】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标签高度的兼容性修复

你可能感兴趣的:(兼容性问题)