Пропустить навигацию

Opera input border-radius bug

07.04.2010 ,

В новых версиях оперы 10.50 и 10.51 под Windows замечен неприятный момент. При стилизации текстовых инпутов закругленными бордюрами (border-radius) пропадает фон в этих полях.

Фиксится добавлением фона в виде размноженного прозрачного пикселя:

input[type=text]{background:#fff url(/images/blank.gif) 0 0 repeat;}

Встречалось другое решение по ссылке http://blog.attrakt.se/2010/04/annoying-opera-css3-bug-input-border.html, не проверял, кому интересно экспериментируйте.

upd Проверил в Opera 10.50 и 10.51 под Windows. На маке не смотрел, стоит 10.10.

upd input[type=submit] - похожая проблема.

upd Набросал небольшой пример.

Комментарии

  1. К сожалению, не получилось воспроизвести баг на 10.52 #8319 для Мака — указанный цвет фона и любая фоновая картинка остаются на месте. Не могли бы вы подробнее описать проблему? Можно написать на указанный e-mail.

    — pepelsbey Apr 7, 11:49 PM #

  2. Имеется в виду проподает цвет? А что если просто указать несуществующую картинку — будет ли работать фикс?

    — Сергей Apr 8, 12:03 AM #

  3. фиксить это должны разработчики Оперы, а не верстальщики.
    Чем меньше людей будут писать подобные костыли, тем быстрее будут фиксится ошибки в браузерах

    — Anton Apr 8, 07:16 AM #

  4. Забыли сказать, что ошибка возникает только при нулевом бордере. Использовать картинку для фона не обязательно, достаточно написать: url(). Если валидатор будет против, можно использовать картинку в формате data:URI – сэкономим на http-запросе.

    — uggallery Apr 8, 02:41 PM #

  5. Спасибо большое! Я уж хотел вообще отказаться от скруглений для оперы. Посмотрим, может пофиксят баг в скором времени.

    — pilezkiy Jun 2, 01:38 PM #

В архив