如何更改日文和中文作文输入文本的下划线颜色答案

【问题标题】：How to change color of underline of Japanese and Chinese composition input text如何更改日文和中文作文输入文本的下划线颜色
【发布时间】：2015-01-13 08:54:06
【问题描述】：

我的团队正在开发一个允许用户输入文本来过滤数据的网络应用程序。用户在文本框中输入字符后调用过滤器。

我们发现中文用户通过键盘布局“微软拼音新体验输入方式”输入中文文本时过滤器没有被调用的问题。

根本原因是合成文本尚未确认。通常，浏览器会显示黑色下划线，让用户知道他们输入的当前状态。

但是，我的文本框是黑色的，用户看不到下划线。所以他们认为文本已经输入。

谁能告诉我如何改变这个下划线的颜色？

【问题讨论】：

有趣，复制它会很困难，因为这是一个本地化问题。我会检查元素并查看在编写文本时在文本上放置了哪些样式。看看能不能找到什么。如果你不能，那可能是不可能的。
为了复制这一点，您只需添加键盘布局中文（简体，PRC） - 微软拼音新体验输入样式。然后打开 google.com，进入文本框，将您的键盘布局更改为中国 - 微软拼音新体验输入样式。然后尝试输入“北京”。
我个人没有使用 Windows，所以我仍然无法复制它。

标签： css

【解决方案1】：

嗨~我不确定这是正确的方式。

它需要更多的 CSS 调整来美化它。

不过，希望对您有所帮助...这是非常简单的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        .invert {
            -webkit-filter: invert(100%);
            filter: invert(100%);
        }
    </style>
</head>
<body>
    <input type="text" class="invert">
</body>
</html>

【讨论】：