離子更改默認下拉設計

Question

我有以下代碼：

<label class="item item-input item-select"> 
    Country 
<select ng-options="country.name for country in countries" ng-model="country" ng-change="update(country)" > 
<option value="" style="display:none" disabled selected>{{countryPlaceholder}}</option> 
</select> 
</label> 

但在手機上，在下拉選擇。這似乎是這樣的：

如何改變顏色爲白色和藍色，而不是灰色和白色的？

Answer 1

顯示的內容是在特定設備（本例中爲Android設備）上選擇的本地解釋。瀏覽器具有爲html選擇元素顯示的預定義佈局。

如果你想自定義它，你不能使用select元素。我建議實現一個複製標準select元素行爲的指令。

我準備了一個例子就在這裏：http://play.ionic.io/app/ca66596ef774

當然這必須進行調整（如你想在不同的選項和東西通過），但它主要是指輸送的想法。它使用類似於select的自定義指令（您可以自定義以匹配應用程序的樣式）以及顯示選項，使用$ ionicPopup服務。

對於彈出窗口，你可以定義一個佈局（我已經在JS中做了快速的方法，你也可以在你的HTML中定義它，並將templateUrl傳遞給Popup），你可以調整所有元素請。

如果您有任何問題請不要猶豫，問。