Выравнивание текста элемента Select не работает в IE

Я работал и тестировал элемент select. Я хочу выровнять текст по правому краю. В Chrome и Firefox он работает отлично ... однако с дорогим старым IE, похоже, не работает.

Вот мой код:

#inputGroupSelect05 {
    width: 100%;
    background: rgba(0, 0, 0, 0) url("../img/chevron-bottom-white-2x.png") no-repeat left .75rem center;
    text-align: right;
    -ms-text-align: right;
    text-align-last: right;
    -ms-text-align-last: right;
}

select#inputGroupSelect05 {
    width: 100%;
    text-align: right;
    -ms-text-align: right;
    text-align-last: right;
    -ms-text-align-last: right;
}

select#inputGroupSelect05 > option {
    background-color: white;
    color: black;
    width: 100%;
    text-align: right;
    -ms-text-align: right;
    text-align-last: right;
    -ms-text-align-last: right;
}
<div class = "col-sm-6 col-md-3 col-lg-3">
  <select class = "custom-select" id = "inputGroupSelect05" style = "color: white;">
    <option selected>More Search Options</option>
    <option value = "1">One</option>
    <option value = "2">Two</option>
    <option value = "3">Three</option>
  </select>
</div>

Как вы можете видеть в CSS, я также включил префикс -ms-, но проблема все еще сохраняется в IE. Я озадачен этой дилеммой, пожалуйста, помогите.

Возможный дубликат text-align: справа от <select> или <option>

MrMaavin 30.10.2018 07:48

дорогой старый IE должен покоиться с миром

Snake Eyes 30.10.2018 08:09

Вы нашли решение?

Jan V. 04.04.2019 15:23
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
3
1 058
1

Ответы 1

Попробуй добавить dir = "rtl". У меня это работает в IE.

Взгляните на этот SO-Post.

select, option {
    text-align:right;   
}

option {
  direction:rtl;
}
<select>
    <option>Foo</option>    
    <option>bar</option>
    <option>to the right</option>
</select>

<select dir = "rtl">
    <option>Foo</option>    
    <option>bar</option>
    <option>to the right</option>
</select>

Другие вопросы по теме