用图像替换html表单按钮

我有以下表格。我将按钮替换为图像“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> 

名称

姓氏

尝试在输入样式中添加

光标：指针

，如下所示：

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

您可以添加

style=“cursor:pointer；”“