Как входы, ссылки, кнопки и т. Д. Могут превращать этот нечеткий синий цвет? - PullRequest
Новая
       52

Как входы, ссылки, кнопки и т. Д. Могут превращать этот нечеткий синий цвет?

0 голосов
/ 11 ноября 2010

Это может быть глупый вопрос, но этот нечеткий синий цвет, который вы получаете, фокусируясь на чем-то?Да, тот, который я получаю, когда сосредоточен на этом textarea прямо сейчас.Я предполагаю, что это браузер, но я хочу знать: что вызывает это?

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

РЕДАКТИРОВАТЬ : Кажется, существует путаница относительно того, какое поведениеЯ имею в виду, вот оно:

alt text

Ответы [ 3 ]

2 голосов
/ 11 ноября 2010

В css стиль ввода может быть установлен с помощью ': focus'.Взгляните на эту страницу для получения дополнительной информации: W3Schools .Браузер может иметь таблицу стилей по умолчанию, что может привести к синему цвету, на который вы ссылаетесь.

1 голос
/ 11 ноября 2010

См. Рабочий пример

Вы можете добиться такого же эффекта, как этот: 

input:focus, textarea:focus, select:focus
{
  border:1px solid #fafafa;
  -webkit-box-shadow:0 0 6px #007eff;
  -moz-box-shadow:0 0 5px #007eff;
  box-shadow:0 0 5px #007eff;
}

Как видно, он создает этот эффект с помощью CSS3 иФирменные стили CSS. Это будет работать только в современных браузерах, поддерживающих CSS3.

0 голосов
/ 01 февраля 2012

В соответствии с MSIE 8 и 9 для :focus требуется один из следующих типов документов:

Не дает эффекта с одним из следующих типов учений:

  • HTML4 Переходный: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  • тип документа не указан

Под MSIE 7 (и, скорее всего, 6, но я не тестировал), :focus не работает и требует взлома Javascript + CSS, см. Ввод IE7: focus

...