Как получить свечение в полях в фокусе?

Question

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

Answer 1

Проверьте демо

---

Используемый CSS:

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;
}

Вы также можете проверить эту страницу, я создал аналогичный эффект

Примечание:

box-shadow - это свойство CSS3, означающее, что оно не будет работать в IE <8, однако вы можете использовать что-то вроде <a href="http://css3pie.com/" rel="noreferrer"> CSS3PIE, чтобы получить поддержку даже в IE :)