.. / Бреем Оперу: сброс скинов Select/Input в Opera

  1. css

В Opera внешний вид контролов традиционно, отличается от внешнего вида в нормальных броузерах. Выглядят они красивее чем системные, но радости с этого мало. Иногда это вызывает лишние вопросы.  Чтобы лишних вопросов избежать нужно добавить в стиль background:white.  Очень хорошо помогает привести все к более-менее единобразному виду.

Побочый эффект - В MSIE6 из-за этого у checkbox появляется артефакт. Поэтому для Оперы нужно делать отдельный стиль.

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
            {
                head~body input { background:white; }
            }

ЗЫ. Код подсмотрен здесь: http://css-framework.ru/additional/css-hack/

Впрочем это не снимает вопрос, когда заказчику подсовывают дизайн форм сляпаный под Safari или Google Chrom. Объяснить чем чревато использование "красивых" контролов в стиле NiceForm обычно требует много времени и нервов.

 

  1. 2008-11-24
  2. css
  1. habrahabr.ru/blogs/css/43318/ - Еще одна подборка хаков
  2. dimox.name/personal_css_hacks_for_opera_firefox_ie/ - Подборка хаков для разных броузеров
  3. css-framework.ru/additional/css-hack/ - И еще одна подборка хаков на сайте css-framework.RU
  4. blog.hedgerwow.com/2007/06/22/detect-safari-3-via-css/#comment-147 - Хаки Оперы и Сафари
Go Index Test