Странное поведение выбранного тега в IE11 и Edge - PullRequest
Новая
       76

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

0 голосов
/ 26 марта 2020

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

Strange behavior of selected tag on IE 11,Edge

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

1 Ответ

1 голос
/ 26 марта 2020

Похоже, вы используете пример 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:

enter image description here

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

enter image description here

Вывод в браузере MS Edge (прежняя версия) 42:

enter image description here

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

Ссылка:

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

...