Удалить стили браузера по умолчанию для элементов формы

Question

Примечание. Я попытался выполнить поиск в Google, но не смог найти то, что искал.

Браузеры имеют некоторые стили по умолчанию, которые они используют для отображения элементов формы, чтоотличается от браузера к браузеру.Есть ли способ сбросить все родные стили браузера для элементов формы, таких как select, radio, checkbox и т. Д., Чтобы сделать согласованный просмотр в разных браузерах?

Я сделал быстрый пример:

элементы формы http://grab.by/grabs/34db87ee1ad93e031cc72808feb2c8e7.png

Как видно, элементы формы отображаются немного по-другому.Что я хотел бы, так это некоторые стили, которые могут сбрасывать их, чтобы они выглядели одинаково, для IE, Firefox и Webkit.

Так как вы это делаете?Ссылка на таблицу стилей CSS со всеми необходимыми стилями была бы фантастической.

Answer 1

Короткий ответ : вы не можете.

Длинный ответ : вы можете, но ожидайте боль.

Я взломал вместеприятные на вид радио кнопки, флажки и выбор с помощью «ловкости рук» javascript + css.По сути, сразу после загрузки ввода я скрываю его и заменяю его метками / div с событиями, связанными с ними, чтобы они действовали так, как будто они являются правильными входами, и css, чтобы они выглядели так.События также обновляют входные данные, так что правильные значения передаются вместе с остальной частью формы.Если мой сценарий barfs или JS выключен, пользователь получает обычные элементы управления.

Это было не так весело, но результат сносный.

Я не с нетерпением жду, чтобы увидеть беспорядок IEделает это хотя:)

Я был вдохновлен от:

http://sourceforge.net/projects/selectreplace/?showfeed=code

Answer 2

Сейчас это старый вопрос, но добавление правила CSS -webkit-Appearance: none может помочь удалить стиль Webkit по умолчанию, например кнопки в форме таблеток в Mobile Safari.