Сделать поле ввода синим контуром Safari - PullRequest
1 голос
/ 01 сентября 2009

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

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

Ответы [ 2 ]

3 голосов
/ 20 января 2010

В случае удвоения можно удалить синий контур Safari с контуром: нет.

2 голосов
/ 01 сентября 2009

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

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

box-shadow: 0 0 4px #aaf;

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

...