Переопределяю в css стили для элементов форм. С текстовыми полями, кнопками и textarea все нормально, а вот с элементом select и file просто беда... в IE вообще не работают корректно, в Mozille наполовину. Что делать? Код (Text): select.searchselect { width: 183px; height: 18px; background: URL(../pics/searchselect.jpg) no-repeat; margin: 0px 0px 0px 10px; padding: 1px 0px 1px 5px; border: 0px #b6b6b6 solid; font-size: 11px; font-family: Arial; color: #9ea0a2; }
Каждый браузер отображает file & select по-своему. Единственный вариант решить эту проблему -- накладывать поверх картинку.
а почему только select и file? по-другому проблему никак не решить? и, наложив картинку, как действовать дальше, ведь картинка перекроет эти элементы формы...
Потому что это элементы браузера. File имеет тактильную кнопку и недоступное поле из JS, а select кнопку и скролл. Установите себе для firefox плагин -- firebug и посмотрите, как накладывают картинки на других сайтах