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