Question

select下的option的框怎么去掉

Answer 1

select {
    /*清除select的边框样式 */
    border: none;
    /*清除select聚焦时候的边框颜色*/
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
option::-ms-expand{
    display: none;
}
option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
    outline: none;
    border: 0;
}
/* --背景色字体颜色--*/
option:hover{
    color:#ffffff;
    background-color:#ffffff;
    outline: none;
    border: 0;
}

Answer 2

<style type="text/css">.select-style{  
position:absolute;  overflow:hidden;
}.select-style 
select{ margin:-2px;}</style> 
    <span class="select-style"><select 
name="selStyle">     <option 
value="0">标准样式</option>     <option 
value="1" selected>样式1</option>     <option 
value="2">样式2</option>     <option 
value="5">无样式</option>     
</select>     </span>