如何更改日文和中文构图输入文本的下划线颜色

Question

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

我们发现了一个问题，当中国用户通过键盘布局“ Microsoft拼音新体验输入样式”输入中文文本时，不会调用过滤器。

在此处输入图片说明

根本原因是构图文本尚未确认。 通常，浏览器将显示黑色下划线，以使用户知道其输入的当前状态。

在此处输入图片说明

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

有人可以告诉我如何更改此下划线的颜色吗？

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 个解决方案

解决方案1
0 2017-04-12 01:31:16

如何更改日文和中文构图输入文本的下划线颜色

问题描述

1 个解决方案

解决方案1 0 2017-04-12 01:31:16

解决方案1
0 2017-04-12 01:31:16