select下的option的框怎么去掉

 我来答
shulun743
2018-11-26 · TA获得超过202个赞
知道答主
回答量:88
采纳率:100%
帮助的人:8.2万
展开全部
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;
}
匿名用户
2016-05-16
展开全部
<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>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式