Как добавить OUTLINE на входные теги?

Question

В Google Chrome, когда выбран тег ввода, появляется желтый контур вокруг него.

В другом браузере (firefox, explorer, ecc) нет !!

Как добавить контуры на теги ввода в другом браузере (firefox, explorer), например chrome ??

Answer 1

Вы можете использовать outline с тем ограничением, что оно не работает в IE6 / 7:

outline: 3px orange solid;

единственная альтернатива, которая работает во всех браузерах - это border, но она убирает внутреннюю границу элемента, чего вы, возможно, не хотите.

JSFiddle

Answer 2

У вас есть несколько вариантов, чтобы попробовать.

контур, рамка и псевдоэлемент: фокус.