Сделать поле ввода прозрачным

Question

Я хотел взять стандартное поле ввода и сделать его лучше. Поэтому я использую этот образ в качестве поля ввода на моей странице:

Чтобы использовать его на моей странице, я использую этот код:

HTML:

<input type="text" class="inputstyle" /> 

CSS

.inputstyle { 
padding:7px 10px 5px 10px; 
width:251px; 
height: 38px; 
background: url('images/form_smaller.png') no-repeat 0 center; 
border:0; 
font-size:14px; 
} 

Это не проблема, когда поле ввода находится на белом фоне. Но у меня есть поле ввода на светло-зеленом фоне, и сделать поле ввода выглядеть следующим образом:

Мой вопрос: как я могу удалить углы исходного поля ввода в сделать это отлично?

Answer 1

Чтобы ответить на ваш реальный вопрос, вам просто нужно сделать изображение прозрачным gif или png. Photoshop будет делать это легко, просто удалите фоновый слой, убедитесь, что ваш вход имеет фон, и сохраните с помощью файла> сохранить для Интернета и устройств.

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