webkit htm5 css reset for input elements

Это несколько раздражает. Похоже, что webkit (через chrome 13 canary) имеет право стилизовать различные типы ввода, и это сильно противоречит дизайну.

В частности, это вызывает у меня головную боль:

• selected element glow (через схему)
• placeholder = text style
• некрасивое свечение вокруг сфокусированного текстового поля и полей ввода

Я использую шаблон и modernizr.

Простой ввод [type = search] с заполнитель отменяет стиль текста.

Я знаю, что вы можете настроить его таргетинг с помощью

input :: - webkit-input-placeholder

Однако, похоже, это не позволяет стилизовать такие вещи, как text- shadow - это немного чушь. Кто-нибудь знает, вероятно ли, что это ошибка, которая будет исправлена, или мне нужно вернуться к решению-заполнителю javascript?

При вводе поиска отображается белый цвет и удаляются закругленные углы, определенные в базовый класс CSS. Я нашел код сброса:

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=search] {
  /* the webkit overrides need to stay at the top */
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  /* your styles here */
}

, и это вроде как помогает.

Свечение вокруг элементов формы я исправляю, установив контур: none .

Я думаю, что мне действительно нужен CSS сброс, который удаляет все предопределенные стили в таблице стилей пользовательского агента (согласно веб-инспектору), которые влияют на него. Есть ли какой-нибудь сброс, который может сделать это, чтобы, несмотря на то, что тип документа - HTML5, элементы отображаются так же просто, как и до HTML5, и следуют неявным правилам, установленным для них в базовом CSS?

Ненавижу это говорить, но несмотря на это из всех проблем с перегрузкой памяти и медленной работы плагинов FireFox 4 на самом деле все отображает идеально. Webkit не должен пытаться стилизовать что-то для вас, просто предоставьте API, который позволит вам это сделать, если вы хотите ...