Странное поведение выбранного тега в IE11 и Edge

Может ли кто-нибудь объяснить мне, что когда я использую японский символ в первой опции тега select, в конце опции появляется свободное место? Была ли это ошибка? или Это стиль браузера (IE 11, Edge)

Странное поведение выбранного тега в IE 11, Edge

Это также странно, когда выбранные не имеют значения

Всего 1 ответ


Похоже, вы используете пример W3Schools .

Я проверяю проблему с браузером IE 11, MS Edge 42 и MS Edge Chromium.

В своем тесте я заметил, что браузер IE 11 и MS Edge Chromium не отображают дополнительное пространство, но браузер MS Edge (прежняя версия) 42 отображает некоторое пространство.

Тестовый код:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>


<label for="cars">Choose a car:</label>

<select id="cars">
  <option value="volvo">ボルボ</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
  
</body>
</html>

Выход в IE 11:

введите описание изображения здесь

Вывод в браузере MS Edge Chromium:

введите описание изображения здесь

Вывод в браузере MS Edge (legacy) 42:

введите описание изображения здесь

Я попытался найти проблему и обнаружил, что это пространство добавлено механизмом просмотра. Это не ошибка. Вы можете попробовать применить CSS, чтобы получить желаемый вид контроля.

Ссылка:

Стилизация японского текста в браузерах и на разных платформах


Есть идеи?

10000