html 양식 버튼을 이미지로 바꿉니다.

Question

다음 양식을 작성했습니다. 단추를 "login_button_1.jpg"이미지로 바꿉니다. 그것은 잘 작동, 유일한 문제는 내가 이미지 위에 마우스 화살표를 놓을 때, 그것은 화살표를 유지하고 이것이 클릭 할 수있는 버튼이라는 것을 사용자에게 보여주는 손이 아니라는 것입니다. 이걸 어떻게 바꾸고 마우스 포인터를 화살표가 아닌 손으로 보이게 할 수 있습니까?

<div class="homepageTable" width:40px; margin-right:auto; margin-left:auto; style="text-align:right" >      
<form action="register_form.php" method="POST" id="register_form">      

    Name <input type="text" size="25" name="name" placeholder="first name"><br/> 
    Surname <input type="text" size="25" name="surname" placeholder="last name"><br/> 

    <input type="submit" value="" name="submit" style="background:url('img/login_button_1.jpg') no-repeat; width:300px; height:80px; border:none;"/>          
    </form>      
</div> 

Answer 1

한번에과 같이 입력 스타일 내부 cursor: pointer를 추가 :

<input type="submit" value="" name="submit" style="background:url('img/login_button_1.jpg') no-repeat; width:300px; height:80px; border:none; cursor: pointer"/>