Блог

Главная - Вопросы по программированию - Символ подчеркивания не отображается при вводе html с моноширинным шрифтом

Символ подчеркивания не отображается при вводе html с моноширинным шрифтом

#html #css #google-chrome

Вопрос:

В Google Chrome символ подчеркивания «_» не отображается в элементе управления вводом с моноширинным шрифтом семейства шрифтов. Есть идеи, почему?

Есть предложения по обходному пути?

Демонстрация здесь

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<input type="text" value="test_test">
</body>
</html>
 
 input {
  font-family: monospace;
}

Значение в демонстрационном элементе управления вводом равно «test_test», но оно отображается как «тестовый тест».

Комментарии:

1. Похоже, это происходит только при определенных размерах шрифта.

2. Я этого не вижу … то есть, я вижу подчеркивание, я не вижу проблемы.

3. Спасибо. Я на Linux. Может быть, в этом разница?

4. Возможно, высота ввода слишком мала, чтобы увидеть подчеркивание. Попробуйте указать некоторую высоту и посмотреть, остается ли проблема. Подчеркивание должно быть обязательно 🙂

5. Я это сделал. По-прежнему невидим.

Метки: