Сделайте так, чтобы поле ввода имело синий контур Safari

Question

Мне интересно, есть ли какой-нибудь способ сделать так, чтобы окно постоянно подсвечивалось подсветкой Safari.Я бы предположил, что есть способ повторить это, однако я его не нашел.

Спасибо за любую помощь!

Answer 1

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

Однако вы можете пожелать воспользоваться некоторыми стилями CSS3, такими как box-shadow который будет работать в Safari, Chrome и Firefox.Взгляните на эта страница для получения дополнительной информации.Для вашего примера вы, вероятно, хотели бы что-то вроде этого:

box-shadow: 0 0 4px #aaf;

И последнее замечание - если вы повторите контур выделения Safari, очень вероятно, что само Safari "удвоит" эффект, поэтому вам нужно быть осторожным...

Answer 2

Если происходит удвоение, вы можете удалить синий контур Safari с помощью параметра outline:none.