定位的背景重複屬性

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