css - 选择框上的背景 "see"填充

Question

我有一个带有选择框的表单，其中有一个自定义下拉箭头，在我的 CSS 中使用 background 属性放置到位。现在它位于右侧，但这意味着它正好靠在我的盒子的侧面 - 有什么方法可以让箭头“看到”它右侧的填充吗？

CSS:

select {
    background: url(images/contact/downarrow.svg) no-repeat right #f3f3f3;
}

结果:

Answer 1

或者您可以尝试使用 <img src="images/contact/downarrow.svg" />带 float :对；

它会很好地定位在右边，并且会遵循 Tab 区域的 Padding 规则。

祝你好运。