입력란을 투명하게 만들기

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에서 쉽게 그 작업을 수행 할 수 있습니다. 배경 레이어를 제거하고 입력에 배경이 있는지 확인하고 파일> 웹 및 장치 저장을 사용하여 저장하십시오.

그러나 입력을 배경 이미지로 바꾸는 것을 권장하지는 않습니다. 간단한 테두리 반경은 모든 최신 브라우저에서 작업을 수행합니다.