【问题标题】:<text area> background color on android<文本区域> android上的背景颜色
【发布时间】:2012-02-29 15:35:21
【问题描述】:

当我设置 a 的背景颜色时,它会以该背景颜色出现在 android 股票浏览器中。然而,一旦我点击那个文本区域,背景颜色就会变成白色——总是这样。当用户专注于该字段时,有没有办法保持背景颜色?

已编辑:最初是关于 iOS,我把它搞混了。适用于iOS,不适用于Android。一个例子是下面的链接

http://www.domedia.org/oveklykken/css-textarea-background.php

虽然这是使用 background-img 而不是 background-color,但会发生同样的现象。

【问题讨论】:

  • 这种现象可以很容易地观察到,例如使用只是textarea { background: blue; color: white; }

标签: android css html mobile-webkit


【解决方案1】:

这是您可能无法覆盖的浏览器功能(如果可以,您会混淆用户)。 Android 浏览器工作在输入区域的背景和文本之间的对比必须清晰的环境中,因此设计决策是可以理解的。

您可以将区域的属性设置为焦点状态,这会生效,例如当元素具有autofocus 属性时。但是当用户实际激活该区域时,标准的 Android 输入机制外观仍然会接管。

【讨论】:

    【解决方案2】:

    尝试覆盖其焦点样式:

    textarea:focus {
        background: #FF6;
    }
    

    【讨论】:

    • 好主意。稍后我会试一试。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-11-24
    • 1970-01-01
    • 2018-09-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多