Html 如何更改选择框中下拉选项的轮廓颜色？

如何更改“选择”对话框中下拉选项的轮廓颜色

这就是我目前拥有的：

选择：焦点{
轮廓颜色：#986fa5；
}

1.
2.

如果您想要一个高度定制的选择，最好的选择是自己制作。以下是一个例子：

$（“文档”）.ready（函数（）{
$（“.option”）。单击（函数（）{
$（“.option”）.slideDown（）；
});
$（“。选项：未（.selected）”。单击（函数（）{
$（“.option:未（.selected）”）.slideUp（）；
$（“.option.selected”）.text（$（this.text（））
$（“#selectVal”）.val（$（this.data（“value”））
});
});
li{
列表样式：无
}
.选择权{
显示：无
}
.选择：第一个孩子{
显示：块
}
.选项：未（.selected）：悬停{
背景：红色
}
#挑选{
边框：1px纯黑；
宽度：100px；
光标：指针
}
#选择img{width:30px}


--
西班牙
葡萄牙

如果您想要一个高度定制的选择，最好的选择是自己制作。以下是一个例子：


$（“文档”）.ready（函数（）{
$（“.option”）。单击（函数（）{
$（“.option”）.slideDown（）；
});
$（“。选项：未（.selected）”。单击（函数（）{
$（“.option:未（.selected）”）.slideUp（）；
$（“.option.selected”）.text（$（this.text（））
$（“#selectVal”）.val（$（this.data（“value”））
});
});
li{
列表样式：无
}
.选择权{
显示：无
}
.选择：第一个孩子{
显示：块
}
.选项：未（.selected）：悬停{
背景：红色
}
#挑选{
边框：1px纯黑；
宽度：100px；
光标：指针
}
#选择img{width:30px}


--
西班牙
葡萄牙

选择标签有一个默认的实现样式，在不同的浏览器中会有所不同，但下面是一个css解决方案


#d选项：最后一个孩子{
边框底部：纯红2px；
溢出：可见；
}
#d选项：第一个孩子{
边框顶部：纯红2px；
}
#d选项{
左边框：纯红2px；
右边框：纯红2px；
}

1.
2.
选择标签有一个默认的实现样式，在不同的浏览器中会有所不同，但下面是一个css解决方案


#d选项：最后一个孩子{
边框底部：纯红2px；
溢出：可见；
}
#d选项：第一个孩子{
边框顶部：纯红2px；
}
#d选项{
左边框：纯红2px；
右边框：纯红2px；
}

1.
2.
您对样式选择列表的操作非常有限。通常，如果您想为它们设置样式，您应该使用一个插件，将其转换为HTML，并允许您像常规元素一样设置样式。这里有一个流行的插件，它可以转换选择列表，但是你在选择列表的样式方面做的非常有限。通常，如果您想为它们设置样式，您应该使用一个插件，将其转换为HTML，并允许您像常规元素一样设置样式。下面是一个流行的插件，它将转换Firefox45.3下拉菜单上显示的“选择红色轮廓”。我无法在下拉列表中说明您的浏览器或浏览器版本是否支持这种样式。。你在用什么浏览器？啊，我明白了。我使用的是Chrome火狐45.3的下拉菜单上显示的红色轮廓。我无法在下拉列表中说明您的浏览器或浏览器版本是否支持这种样式。。你在用什么浏览器？啊，我明白了。我用的是铬