Apache Cordova Android 5.0选择Box选项颜色

时间:2014-11-19 19:29:32

标签: android html css cordova

我正在尝试更新Apache Cordova应用程序以定位Android 5.0。到目前为止,一切似乎都是功能性的,但我在打开一个选择框时遇到了化妆品问题。列表选项出现在运行5.0的Nexus 7上,带有白色背景和浅灰色文本颜色,因此选项几乎不可读。我已经尝试了以下以及更多:

  • 通过CSS设置选项的颜色和背景颜色。
  • 在SELECT和OPTION元素上设置-webkit-appearance:none通过CSS。
  • 将主题从Theme.Black.NoTitleBar更改为几乎所有可用的选项,而不使用标题栏。唯一能实现的是将选项颜色设置为白色,背景颜色为白色。

示例HTML代码,是的我知道我此时不包括cordova.js.

<!DOCTYPE html>
<html>
    <head>
        <title>This is my title</title>
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    </head>
    <body>
        <form>
            <select name="hellow">
                <option>A</option>
                <option>B</option>
                <option>C</option>
                <option>D</option>
            </select>
            <input type="text" value="Text!"/>
            <select name="world">
                <option>A</option>
                <option>B</option>
                <option>C</option>
                <option>D</option>
            </select>
        </form>
    </body>
</html>

1 个答案:

答案 0 :(得分:3)

经过一段时间,我才弄明白这一点。我显然是在manifest.xml中更改Application标记的主题,并且需要在应用程序和活动标记中进行更改。将两者都更改为&#34; android:style / Theme.Light.NoTitleBar&#34;我现在在我的应用程序中的白色背景上有黑色文字。