Элемент select и rtl-язык

316
24 ноября 2017, 05:10

Для элемента select значок выпадающего списка находится справа. При создании стилей для поддержки rtl-языков получается вот такое наложение текста на значок, как на рисунке.

Подскажите, расположение значка выпадающего списка у select всегда справа? Или же оно зависит, например, от языка ОС?

Answer 1

Не самое изящное решение, но все же.

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>

READ ALSO
Для чего используется Mock.Setup().Verifiable()?

Для чего используется Mock.Setup().Verifiable()?

Не могу разобраться для чего используется MockVerifiable(), если я правильно понимаю, такой код:

309
Отчёт из двух выборок данных

Отчёт из двух выборок данных

ЗдравствуйтеЕсть отчёт

294
Неверное содержимое .json файла

Неверное содержимое .json файла

Есть массив объектов класса Vector который нужно сериализоватьСодержимое json файла:

302
Изменение представления DataGrid

Изменение представления DataGrid

Доброго времени суток, Всем! Недавно стал изучать WPF, для меня это все ново, так что не обессудьте

232