Полоса прокрутки Internet Explorer появляется в текстовом поле, а не снаружи

Question

У меня проблема с совместимостью с браузером. Это довольно сложно объяснить словами, поэтому я тоже буду размещать фотографии. В Internet Explorer полосы прокрутки кажутся внутри элементом textarea, а не снаружи, что нежелательно для приложений, которые имеют только одну строку в этой области. Вот пример:

В Internet Explorer:

на Google Chrome (желаемый результат)

P.S. Калибровка не проблема, просто полосы прокрутки.

Это минимальный пример, чтобы показать проблему. Загрузите страницу в IE, чтобы увидеть нежелательное поведение, и в Chrome/Firefox, чтобы увидеть нужное поведение: https://jsfiddle.net/qqget1wm/

Answer 1

Это связано с конкретным CSS-браузером, который загружает по умолчанию, я бы рекомендовал вам добавить минимальную высоту к ваш тег textarea. https://jsfiddle.net/qqget1wm/3/

.fun {min-width: 95%; overflow-x: scroll; white-space: nowrap;min-height:30px;}