定位的背景重复属性

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; 
}