ошибка webkit: фон ввода становится серым без какой-либо причины в фокусе? - PullRequest
1 голос
/ 16 августа 2011

Я только что столкнулся с очень раздражающей ошибкой, которую трудно отследить.Но давайте перейдем к сути:

  • ТОЛЬКО WEBKIT (Safari, Chrome и т. Д. - я воспроизвел это на Safari 5.1 и Chrome 13 на Mac OS Lion )
  • Только для Mac OS?(Комментарии предполагают, что нужно больше информации от других пользователей)

Просто перейдите к этой скрипке и сфокусируйте ввод: Это фон становится серым !(См. Скриншот на Chromium Bug Tracker )


Когда вы изменяете CSS одним из следующих способов, ошибка исчезает:

  • изменить цветне что-то не совсем белое (255,255,254,0.6)
  • удалить прозрачность (255,255,255,1)
  • изменить двойную рамку на любую другую (4px dotted rgba...)
  • изменить толщинув <3px (<code>2px double...)
  • добавьте display: inline; к CSS <h2> (или измените тег на отображаемый в строке)

Так это выглядиткак ошибка срабатывает только тогда, когда:

  • color границы ровно white с некоторыми transparency
  • оно должно быть type double
  • это thickness должно быть greater than 2px
  • элемент должен быть positioned block
  • не имеет значения, если некоторые элементы с абсолютным позиционированием находятся между html-кодом ( см. Пример ): он должен что-то делать с визуализированным положением элементов

Почему он это делает?Это ошибка webkit или есть какая-то причина?


Еще одно упоминание заслуживает внимания: CSS модифицированного блочного элемента (<h2> в моем примере) НИЧЕГО не имеет кделать с вводом - но все же это вызывает ошибку.Вы можете себе представить, как трудно было отладить это на странице с несколькими элементами между этими двумя ...


Возможное решение :

Не использоватьполностью белый фон, но: rgba(255, 255, 254, 0.6).Человеческий глаз этого не замечает.Но использовать это чувствует себя некомфортно.Что-нибудь лучше?


Также на Chromium Bug Tracker теперь со скриншотом

1 Ответ

0 голосов
/ 20 октября 2015

Больше не воспроизводится в последних версиях webkit.Проблема решилась сама собой.

...