Html 使用Chrome选择元素中的白色框

我在CSS中设置的选择框有问题。当鼠标悬停在铬白色框中时，会出现白色框。狩猎时一切都很好。有什么线索吗？ 我已经添加了我的css和html，还有这个问题的图片。第一个是Safari，第二个是Chrome

。下拉列表{
位置：相对位置；
保证金：0自动；
排名前10名；
左50%；
宽度：190px；
高度：2米；
线高：2；
背景：E9B6B0；
溢出：滚动；
边界半径：.35em；
边缘底部：5px；
}
.下拉选择{
-webkit外观：无；
-moz外观：无；
-ms外观：无；
外观：无；
背景图像：无；/*删除chrome不使用的值*/
背景色：#E9B6B0；/*设置它的值*/
边框半径：4px；/*使其看起来有点像背景图像*/
边框：1px实心#888；
大纲：0；
盒影：无；
边界：0！重要；
背景：E9B6B0；
宽度：100%；
身高：100%；
保证金：0；
填充：0.5em；
颜色：黑色；
光标：指针；
字体大小：15px；
}
.下拉列表：：之后{
内容：'\25BE'；
位置：绝对位置；
排名：0；
右：0；
底部：0；
填充：0.1em；
背景：E9B6B0；
指针事件：无；
}
.下拉列表：悬停：：之后{
颜色：白色；
}
.下拉列表：：之后{
-webkit过渡：.25秒所有轻松；
-o型过渡：.25秒，全部缓解；
过渡：.25秒全部缓解；
}

桑格尔

更改溢出：滚动；溢出：自动；在你的下拉课上

。下拉列表{
位置：相对位置；
保证金：0自动；
排名前10名；
左50%；
宽度：190px；
高度：2米；
线高：2；
背景：E9B6B0；
溢出：自动；
边界半径：.35em；
边缘底部：5px；
}
.下拉选择{
-webkit外观：无；
-moz外观：无；
-ms外观：无；
外观：无；
背景图像：无；/*删除chrome不使用的值*/
背景色：#E9B6B0；/*设置它的值*/
边框半径：4px；/*使其看起来有点像背景图像*/
边框：1px实心#888；
大纲：0；
盒影：无；
边界：0！重要；
背景：E9B6B0；
宽度：100%；
身高：100%；
保证金：0；
填充：0.5em；
颜色：黑色；
光标：指针；
字体大小：15px；
}
.下拉列表：：之后{
内容：'\25BE'；
位置：绝对位置；
排名：0；
右：0；
底部：0；
填充：0.1em；
背景：E9B6B0；
指针事件：无；
}
.下拉列表：悬停：：之后{
颜色：白色；
}
.下拉列表：：之后{
-webkit过渡：.25秒所有轻松；
-o型过渡：.25秒，全部缓解；
过渡：.25秒全部缓解；
}

桑格尔

更改溢出：滚动；溢出：自动；在你的下拉课上

。下拉列表{
位置：相对位置；
保证金：0自动；
排名前10名；
左50%；
宽度：190px；
高度：2米；
线高：2；
背景：E9B6B0；
溢出：自动；
边界半径：.35em；
边缘底部：5px；
}
.下拉选择{
-webkit外观：无；
-moz外观：无；
-ms外观：无；
外观：无；
背景图像：无；/*删除chrome不使用的值*/
背景色：#E9B6B0；/*设置它的值*/
边框半径：4px；/*使其看起来有点像背景图像*/
边框：1px实心#888；
大纲：0；
盒影：无；
边界：0！重要；
背景：E9B6B0；
宽度：100%；
身高：100%；
保证金：0；
填充：0.5em；
颜色：黑色；
光标：指针；
字体大小：15px；
}
.下拉列表：：之后{
内容：'\25BE'；
位置：绝对位置；
排名：0；
右：0；
底部：0；
填充：0.1em；
背景：E9B6B0；
指针事件：无；
}
.下拉列表：悬停：：之后{
颜色：白色；
}
.下拉列表：：之后{
-webkit过渡：.25秒所有轻松；
-o型过渡：.25秒，全部缓解；
过渡：.25秒全部缓解；
}

桑格尔

您是否有任何浏览器扩展在Chrome中运行？我见过像这样的东西被扩展注入。尝试在未安装扩展的匿名窗口中查看它。另外，试着用开发工具检查那个小地方，寻找线索。我并没有看到任何白框。你能检查一下drodpown的那部分吗？可能是一个伪选择器？你有在Chrome上运行的浏览器扩展吗？我见过像这样的东西被扩展注入。尝试在未安装扩展的匿名窗口中查看它。另外，试着用开发工具检查那个小地方，寻找线索。我并没有看到任何白框。你能检查一下drodpown的那部分吗？可能是一个伪选择器？很乐意帮忙。：）很乐意帮忙。：）