Как изменить цвет подчеркивания текста ввода текста на японском и китайском языке

Моя команда разрабатывает веб-приложение, которое позволяет пользователям вводить текст для фильтрации данных. Фильтр вызывается после ввода пользователем символа в текстовое поле.Как изменить цвет подчеркивания текста ввода текста на японском и китайском языке

Мы обнаружили, что фильтр не вызывается, когда китайские пользователи вводят китайский текст с помощью раскладки клавиатуры «Microsoft Pinyin New Experience Input Style».

enter image description here

Первопричина текст композиции пока не подтверждают. Обычно браузер показывает черным подчеркиванием, чтобы пользователи могли узнать текущее состояние их ввода.

enter image description here

Однако мой текстовое поле черный и не могут видеть пользователи подчеркивание. Поэтому они подумали, что текст уже введен.

Может ли кто-нибудь сказать мне, как изменить цвет этого подчеркивания, пожалуйста?

источник

2015-01-13 Buaban

Интересно, тиражирование это будет трудно, потому что это проблема локализации. Я бы осмотрел элемент и посмотрел, какие стили будут помещены в текст во время его написания. Посмотрите, сможете ли вы что-нибудь найти. Если вы не можете, то это, вероятно, невозможно. –

Чтобы воспроизвести это, вы просто добавили раскладку клавиатуры Chinese (Simplified, PRC) - стиль ввода нового стиля Microsoft Pinyin. Затем откройте google.com, перейдите в текстовое поле, измените раскладку клавиатуры на Китай - стиль ввода нового опыта Microsoft Pinyin. Затем попробуйте войти в «Пекин». – Buaban

Я лично не использую Windows, поэтому я до сих пор не смогу его повторить. –

Привет ~ Я не уверен, что это путь.

Для его пригонки потребуется еще несколько корректировок 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>

источник

2017-04-12 01:31:16 Shenyun

Как изменить цвет подчеркивания текста ввода текста на японском и китайском языке

ответ

Смежные вопросы