Html 选项txt是google chrome上选择的覆盖下拉箭头

我对chrome上的select有一个奇怪的问题。我想添加一个渐变背景，但我现在的问题是如何使选项不覆盖我的选择箭头。 如果我使用

指针事件：auto？？？
如果有人能帮忙，我会非常感激。
特坎克

小提琴：
试试：

-webkit-padding-end: 10px;

这将解决您的问题。
请尝试：

-webkit-padding-end: 10px;

这会解决你的问题。
你能再清楚一点吗？什么不应该覆盖什么？@ACarter：从第一次选择中选择一个选项，您将看到文本位于箭头上方。检查小提琴并从chrome上的第一次选择中选择一个值，选项值为覆盖选择箭头。哦，是的，没有注意到，抱歉。不管怎样，你（三十多岁）已经做到了。你能再清楚一点吗？什么不应该覆盖什么？@ACarter：从第一次选择中选择一个选项，您将看到文本位于箭头上方。检查小提琴并从chrome上的第一次选择中选择一个值，选项值为覆盖选择箭头。哦，是的，没有注意到，抱歉。不管怎样，你（三十多岁）已经做到了。