离子变化默认下拉设计

Question

我有以下代码：

struct World {
    int numCountries;
    Country countries[MAXCOUNTRIES];
    Country fastGrowing[THREE];
};
extern World myWorld;

但在手机上，选择了下拉菜单。它看起来像这样：

如何将颜色更改为白色和蓝色而不是灰色和白色？

Answer 1

显示的是特定设备上的选择的本机解释（在这种情况下是Android设备）。浏览器具有为html选择元素显示的预定义布局。

如果您想自定义它，则不能使用select元素。我建议实现复制标准选择元素行为的指令。

我在这里准备了一个例子：http://play.ionic.io/app/ca66596ef774

当然这必须进行调整（因为你想传递不同的选项和内容），但它主要是为了传达这个想法。它使用类似于select的自定义指令（您可以自定义以匹配您的应用程序的样式），并且为了显示选项，使用$ ionicPopup服务。

对于弹出窗口，您可以定义一个布局（我已经在JS中快速完成了它，您也可以在HTML中定义它并将templateUrl传递给Popup）并且您可以将所有元素调整为你先请。

如果您有任何疑问，请不要犹豫。