Css 选择框上的背景“请参阅”填充

Css 选择框上的背景“请参阅”填充,css,forms,Css,Forms,我有一个带有选择框的表单,它有一个自定义的下拉箭头,与CSS中的background属性一起放置。现在它被定位在右边,但这意味着它正好抵着我的盒子的侧面-有没有办法让箭头看到它右边的填充物 CSS: 结果: 或者您可以尝试使用 浮动:对 它将被很好地定位在右边,并将遵循您选项卡区域的填充规则 祝你好运。对于其他人: 如果你使用类似 background: url(images/contact/downarrow.svg) no-repeat 250px #f3f3f3; 这将是明智的只是坚持它

我有一个带有选择框的表单,它有一个自定义的下拉箭头,与CSS中的background属性一起放置。现在它被定位在右边,但这意味着它正好抵着我的盒子的侧面-有没有办法让箭头看到它右边的填充物

CSS:

结果: 或者您可以尝试使用 浮动:对

它将被很好地定位在右边,并将遵循您选项卡区域的填充规则

祝你好运。

对于其他人: 如果你使用类似

background: url(images/contact/downarrow.svg) no-repeat 250px #f3f3f3;
这将是明智的只是坚持它250px以上,当你调整窗口大小,它最终将被缩小屏幕大小覆盖。要防止出现这种情况,请将这些像素值替换为百分比。例如:

background: url(images/contact/downarrow.svg) no-repeat 96% #f3f3f3;

使用background position属性来移动它。是的,我以前做的错误是在右/左值上使用像素,但类似于background:urlmages/contact/downarrow.svg no repeat 96%f3;工作完美。
background: url(images/contact/downarrow.svg) no-repeat 96% #f3f3f3;