WebView / Phonegap更改select(下拉)样式

在我的AndroidManifest.xml文件中,我将主题设置为Holo.Light (甚至是Holo

警报对话框是根据Holo主题(无论是明亮的还是黑暗的)devise的,但是下拉菜单(select)看起来像这样:

下拉式设计1

有没有一种方式来设置Google Chrome和其他应用的下拉菜单?
本地select看起来像这样:

在这里输入图像说明

Solutions Collecting From Web of "WebView / Phonegap更改select(下拉)样式"

有没有简单的方法来实现这一点。 你需要做的是build立一个本地插件,当你点击一个<select>时将会打开一个自定义对话框。

您想要摆脱的下拉列表是在WebView上select的默认视图,与在Chrome中构build的第二个视图相反。 为了帮助你开始:

//获取所有选项并存储在一个数组中

 var values = $.map($('#group_select option'), function(e) { return e.value; }); 

//获取选项并显示对话框的本机函数

 function void showDialog(String[] values){ AlertDialog.Builder b = new Builder(this); b.setTitle("Example"); b.setItems(values, new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); switch(which){ case 0: //call some javascript method to use this value here break; case 1: //call some javascript method to use this value here break; } } }); b.show(); } 

请确保将您的主题设置为HoloHolo.Light ,并根据您的喜好进行设置,并且只要点击了select元素,就可以从JavaScript层调用本地代码。

您可以使用jQuery移动,并从他们的美化者获取自定义的主题

 or 

尝试使用“ android:主题 ”作为您的父母主题

 <style name="YourTheme" parent="android:Theme"> 

它是旧的Android主题,并提供你正在寻找的风格

或者你也可以专门改变

 <item name="spinnerStyle">@android:style/Widget.Spinner</item> <item name="spinnerDropDownItemStyle">@android:style/Widget.DropDownItem.Spinner</item> <item name="spinnerItemStyle">@android:style/Widget.TextView.SpinnerItem</item 

创造你自己的风格