CSS 去掉selecte的蓝色边框

大大大大大桃子

于 2016-12-05 18:26:29 发布

阅读量1.7w

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 文章标签： CSS select Web

本文链接：https://blog.youkuaiyun.com/soindy/article/details/53468130

Web 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种通过CSS样式清除HTML中Select元素在正常状态及选中状态下的轮廓的方法。使用了-webkit-appearance、-moz-appearance 和 outline 属性来实现这一效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

同时将select的normal和select状态的outline设为none.

.selected_search {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
.selected_search select{
    background: transparent;
    border:none;
    outline: none;
}