Проблемы фокусировки ввода CSS3

Question

У меня есть форма с некоторыми входами. Я хочу, чтобы, когда пользователь нажимал на текстовое поле, оно выделялось цветом. Для этого я использую CSS3 и генератор CSS3 в Chrome и Firefox 3.6.17. Но я не получаю результаты ни в одном браузере. Вот код, который я использую.

.user-input:focus {
  -webkit-box-shadow: 0 0 5px #249663;
  -moz-box-shadow: 0 0 5px #249663;
  box-shadow: 0 0 5px #249663;
  behavior: url(../css/pie.htc);
}

Любая помощь?

С наилучшими пожеланиями, Тьяго Кастро

Answer 1

Сначала добавьте контур нет к вашему: focus ...

.user-input:focus {
   outline: none;
}

Возможно, вам придется заставить webkit избавиться от стилей по умолчанию ...

.user-input {
  -webkit-appearance: none;
}