В Safari Firefox не работает текстовый отступ

Question

Я использую код ruby ​​в списке выбора, мне нужен разрыв 15px слева, поэтому я использовал отступ слева = "15px", он отлично работает в Firefox, но он не работает, т.е. и Safari, поэтому я хочу использовать text-indent = " 15px "работает нормально в сафари и т. Д., Но не в Firefox, пожалуйста, помогите мне решить эту проблему ,, padding left отлично работает в textfeild, но почему он вызывает проблемы в ie и safari ...

Код:

 <% @sex = [['male', '0'],['female', '1'], ['other', '2']] %> 
              <%= select_tag :sex, options_for_select(@sex), :style=>"width:100px; height:30px;padding-left:15px;vertical-align:middle;" %>

Спасибо

Answer 1

select элементы очень сложно разрабатывать для разных браузеров, а еще хуже для кроссплатформенных (например, они очень похожи на Windows и MacOS X).

Однако, предполагая, что документ находится в режиме стандартов , я смог получить согласованный результат для IE8, Chrome и Firefox в Windows, используя этот код:

select { padding-left: 15px; }

IE7 возвращается к стилю по умолчанию (т.е. без отступов), если вы можете жить с этим.

Другой вариант может заключаться в том, чтобы обернуть <select> в другой элемент (например, <span>) и применить к нему некоторые стили. Это сделало бы отступ всего элемента, а не его содержимого.