选择下拉列表Ionic不显示文字

Question

我正在Ionic 1.7中开发一个应用程序。

我有一个选择菜单，我遇到了问题。

为简化起见，我的代码就像文档

  <label class="item item-input item-select">
    <div class="input-label">
      Lightsaber
    </div>
    <select>
      <option>Blue</option>
      <option selected>Green</option>
      <option>Red</option>
    </select>
  </label>

http://ionicframework.com/docs/components/#select

适用于大多数设备，适用于iOS和Android。它显示了原生选择菜单，一切正常。

但我有一台设备问题，华为MediaPad M2。我的公司平板电脑和这个应用程序必须在这里工作。

问题是，对于涉及选择菜单的任何代码，选项的文本都不会显示。元素的数量是正确的，我认为标签也可以，因为如果我增加标签的大小，框也会增长。

参考屏幕截图

如果我在默认浏览器中打开示例，它可以正常工作，方框是相同的，但标签显示的是黑色文本，这不会发生在离子应用程序中。

我试图删除所有离子的CSS，添加可能有效的所有CSS，更新android的webview应用程序，更新平板电脑，没有任何效果。

我尝试使用一个选择菜单创建一个新的示例应用程序，这也会发生。

关于如何解决此问题或强行打开原生选择菜单的任何想法或解决方法？

谢谢！

Answer 1

我从这里得到了正确答案： Apache Cordova Android 5.0 Select Box Option color

在platforms / android中找到AndroidManifest.xml并查找此块：

<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.Light.NoTitleBar" android:windowSoftInputMode="adjustResize">
            <intent-filter android:label="@string/launcher_name">
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

关键设置是：android：theme =“@ android：style / Theme.Light.NoTitleBar”

当我和你有同样的问题时，设置为：“android：theme =”@ android：style / Theme.DeviceDefault.NoActionBar“。将它设置为”Theme.Light.NoTitleBar“给了我黑色文字我的选择下拉菜单中有白色。

Answer 2

使用Select-box插件的变通方法。我有同样的问题，同时我得到解决方案，我正在使用这个插件。

https://github.com/domiSchenk/ionic-Select-Control

希望这有帮助。