定位background-repeat属性

Question

我有这个下拉按钮，使用此css进行样式设置：

.styled-select {
        background: url(resources/img/selector.png) no-repeat right;
        background-color: white;
        width: 305px;
        height: 42px;
        position: relative;
        margin: 0 auto;
        box-shadow: 0 2px 2px 0 #C2C2C2;
    }

结果如下图所示：

如您所见，使用no-repeat right使selector.png转到右端。我想知道是否有任何解决方案来定位该箭头，以便将其向左移动一点，如图所示：

Answer 1

尝试更改background-position属性value，如下所示：

background: url(resources/img/selector.png) no-repeat top 96%;

Answer 2

你必须像这样使用正确的权利

.styled-select {
    background: url(resources/img/selector.png) no-repeat right;
    background-color: white;
    width: 305px;
    height: 42px;
    position: relative;
    padding:10px;
    margin: 0 auto;
    box-shadow: 0 2px 2px 0 #C2C2C2;
}