텍스트 양식 상자 HTML 배경 이미지

Question

사용자가 이메일 주소를 입력해야하는 텍스트 양식이 있습니다. 이 텍스트 형식으로 이미지를 배경으로 사용하고 싶습니다.

는 HTML :

이

<form action="addemailtodatabase.php" method="post"> 
<input class="emailinput" type="text" name="email" maxlength="80"/> 
<input type="submit" name="submit" value="Sign Up"/> 
<input type="hidden" name="submitted" value="TRUE"/> 
</form> 

CSS : 나는 (이미지 뒤에 흰색 배경을 제거 할 수

.emailinput{ 
    background-image:url(images/desktop/field-normal.png); 
    background-repeat:no-repeat; 
    border:none; 
    width:296px; 
    height:62px; 
} 

이 아니다 여기

내가 지금까지 가지고 무엇을 모서리가 둥글고 흰색 비트가없는 이미지 파일).

어떤 제안 :

는 다음과 같이 표시됩니다? 감사.

Answer 1

재설정 또는 기본 스타일 지우기 스타일 시트를 사용하지 않으므로 background-color 속성도 설정해야합니다. transparent으로 설정할 수 있습니다.

Answer 2

귀하의 CSS는 다음과 같이 될 것입니다 :

.emailinput{ 
    background-image: #000 url(images/desktop/field-normal.png) no-repeat; 
    border:none; 
    outline:none; 
    width:296px; 
    height:62px; 
}