Просто интересно, как бы вы создали эффект, как показано на следующем рисунке:
Изображение
Часть, которую я хотел бы попытаться воссоздать, - это градиент внутри самого текстового поля вместе с границей линии, окружающей текстовое поле.
Спасибо.
Это также можно сделать с помощью CSS3, уменьшая необходимость загрузки изображений. Проблема, конечно, в том, что он может стать немного хитрым кросс-браузерным.
Вот демо: Демо
Вот учебник по воспроизведению демо: Учебник
Вы можете просто установить атрибуты CSS для рассматриваемого элемента ввода. background-image для градиента и border для границы.
background-image
border