背景＆＃34;见＆＃34;在选择框上填充

Question

我有一个带有选择框的表单，该框有一个自定义下拉箭头，并在我的CSS中使用background属性。现在它位于右侧，但这意味着它正好贴在我的盒子一侧 - 是否有某种方式我可以得到箭头＆＃34;看到＆＃34;它右边的填充物？

CSS：

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

结果：

Answer 1

或者您可以尝试使用$scope.notBlackListed = function($value) { var blacklist = ['test','test1','test2']; return blacklist.indexOf($value) === -1; } with float：right;

它将很好地定位在右侧，并将遵循Tab区域的填充规则。

祝你好运。

Answer 2

对于其他人： 如果你使用像

这样的东西

$base_url

这将（明智地）将其粘贴在250px以上，当你调整窗口大小时，它最终将被缩小的屏幕尺寸覆盖。要防止这种情况，请将这些像素值替换为百分比。例如：

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