html - 用图像替换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"/>