Question

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

我们发现当中国用户通过键盘布局输入中文文本时未调用过滤器的问题＆＃34; Microsoft拼音新体验输入样式＆＃34;。

enter image description here

根本原因是合成文本尚未确认。通常情况下，浏览器会显示黑色下划线，以便用户了解其输入的当前状态。

enter image description here

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

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

Answer 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>

如何改变日文和中文作文输入文字下划线的颜色

1 个答案: