原生select下拉框样式修改:去除聚焦的黄色边框样式

原生下拉框聚焦状态border会变黄色,其实并不是border,而是边框边缘的外围

轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
轮廓(outline)属性指定元素轮廓的样式、颜色和宽度。

原生select下拉框样式修改:去除聚焦的黄色边框样式_第1张图片

解决方案

select {
   outline: none;
}

原生select下拉框样式修改:去除聚焦的黄色边框样式_第2张图片

修改后不再出现黄色的边框
原生select下拉框样式修改:去除聚焦的黄色边框样式_第3张图片

!!option的样式无法修改,如果原生的option不符合要求,可使用ul-li在替代option实现下拉框的效果。

你可能感兴趣的:(开发记录,CSS,select下拉框)