Для элемента select значок выпадающего списка находится справа. При создании стилей для поддержки rtl-языков получается вот такое наложение текста на значок, как на рисунке.
Подскажите, расположение значка выпадающего списка у select всегда справа? Или же оно зависит, например, от языка ОС?
Не самое изящное решение, но все же.
https://codepen.io/anon/pen/yPjVRr
select {
display:block;
width: 200px;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
padding-left: 140px;
}
div {
position:absolute;
content: '>';
width:15px;
height: 15px;
background-color:blue;
left: 9px;
z-index: 2;
text-align: center;
line-height: .85em;
}
<div>></div>
<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
</select>
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости