【问题标题】:Apache Cordova Android 5.0 Select Box Option colorApache Cordova Android 5.0 选择框选项颜色
【发布时间】:2016-06-22 17:52:49
【问题描述】:

我正在尝试将 Apache Cordova 应用程序更新为面向 Android 5.0。据我所知,一切似乎都可以正常工作,但是在打开选择框时遇到了外观问题。列表选项出现在我运行 5.0 的 Nexus 7 上,具有白色背景和浅灰色文本颜色,因此这些选项几乎不可读。我已经尝试了以下以及更多:

  • 通过 CSS 设置选项的颜色和背景色。
  • 通过 CSS 在 SELECT 和 OPTION 元素上设置 -webkit-appearance:none。
  • 将主题从 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>

【问题讨论】:

  • 经过相当长的一段时间后,我能够弄清楚这一点。我显然是在更改 manifest.xml 中 Application 标记的主题,并且需要在 application 和 activity 标记中进行更改。将两者都更改为“android:style/Theme.Light.NoTitleBar”后,我现在的应用程序中的白色背景上有黑色文本。
  • 您在上述评论中的解决方案也对我有用。你应该用这个答案来回答你自己的问题。
  • 谢谢,我已经这样做了。

标签: android html css cordova


【解决方案1】:

经过相当长的一段时间后,我能够弄清楚这一点。我显然是在更改 manifest.xml 中 Application 标记的主题,并且需要在 application 和 activity 标记中进行更改。将两者都更改为“android:style/Theme.Light.NoTitleBar”后,我现在的应用程序中的白色背景上有黑色文本。

【讨论】:

  • 但是这样每次我构建应用程序时风格都会消失,对吗?你会怎么做?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-03-06
  • 2012-10-01
  • 2014-12-17
  • 2015-08-16
  • 1970-01-01
  • 1970-01-01
  • 2020-07-16
相关资源
最近更新 更多