從窗體上的iPad丟失的背景圖像選擇

我有一個選擇窗體控件，顯示在右側的自定義向下箭頭圖像。在iPad上查看時，此圖像不顯示。有誰知道我錯過了什麼？這是HTML我和CSS代碼，我從引導3.0從窗體上的iPad丟失的背景圖像選擇

<form name="scmarketer" id="scmarketer" action="" class="form-inline"> 
    <select class="form-control"> 
     <option>John Smith - Ontario CA</option> 
     <option>Jane Smith - Ontario CA</option> 
     <option>Brandon Smith - Ontario CA</option> 
     <option>Terrell Owens - Ontario CA</option> 
     <option>John Smith - Ontario CA</option> 
     <option>Jane Smith - Ontario CA</option> 
     <option>Brandon Smith - Ontario CA</option> 
     <option>Terrell Owens - Ontario CA</option> 
    </select> 
    <button type="submit" class="btn btn-success">Save</button> 
</form> 

select.form-control { 
    background-color: white; 
    border-width: 1px; 
    width: 70%; 
    @media (max-width: 789px) { 
     width:100%; 
    } 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    text-indent: 0.01px; 
    text-overflow: ''; 
    background-image: url('../images/dropdown.png'); 
    background-repeat: no-repeat; 
    background-position: right center; 
}

截圖包括旁白：

enter image description here

來源

2014-02-07 Fernando Chavez Herrera

你的背景圖片URL設置爲」 ../images/dropdown。 PNG「，所以它只會在你的本地計算機上工作。因此，您需要將其設置爲圖像的位置。

來源

2014-02-07 20:50:21

你很接近，我的代碼是正確的，但我忘了給dropdown.png圖像上傳到我的服務器。大聲笑感謝 –

我不會使用...作爲圖像網址，因爲沒有必要使用它。 – 2014-02-07 21:01:52

順便說一句，它是一個通用的標準alphabetize不同的CSS樣式的元素，所以它很容易找到你要找的東西:) – 2014-02-07 21:03:52

嘗試刪除此：

@media (max-width: 789px) { 
    width:100%; 
}

來源

2014-02-07 20:54:03

這沒有任何區別 –

所以檢查背景圖像的路徑。看到這個例子：http://jsfiddle.net/6wfSK/ – 2014-02-07 20:59:24

從窗體上的iPad丟失的背景圖像選擇

回答

相關問題