Мне интересно, есть ли способ сделать коробку, чтобы подсветка Safari всегда выделялась. Я бы предположил, что будет способ воспроизвести это, но я его не нашел.Сделать поле ввода имеет синюю схему сафари
Спасибо за помощь!
Мне интересно, есть ли способ сделать коробку, чтобы подсветка Safari всегда выделялась. Я бы предположил, что будет способ воспроизвести это, но я его не нашел.Сделать поле ввода имеет синюю схему сафари
Спасибо за помощь!
В настоящее время единственным способом достижения этого является использование фонового изображения. Вы можете сделать снимок экрана из поля и использовать его в качестве фона для ввода. Основной недостаток здесь заключается в том, что вы можете иметь только поле фиксированного размера, потому что изображение является статическим.
Однако вы можете воспользоваться некоторыми стилями CSS3, такими как box-shadow
, которые будут работать в Safari, Chrome и Firefox. Взгляните на this page для получения дополнительной информации. Для примера вы, вероятно, хотите что-то вроде этого:
box-shadow: 0 0 4px #aaf;
Один последний момент сделать - если вы тиражировать выделения контур Safari, это очень вероятно, сам Safari будет «удвоить» эффект, так что вы должны быть тщательно ...
Если есть удвоение, вы можете удалить синий контур Safari с контуром: none.
Если вы хотите избавиться от границы Safari/Webkit «double up», используйте следующий CSS: outline: none; – metavida