input按钮鼠标移动过去出现手势

1、代码如下

<input type="submit" class="subbtn" value="发表评论" />

默认鼠标移动到按钮上是没有任何效果的

2、css定义

.subbtn{ padding:3px 12px; background:#04B5AF; color:#fff; border-radius:3px; box-shadow:0 1px 1px #ddd;cursor:pointer;border:0px;border-bottom-style:none;border-top-style:none;border-left-style:none;border-right-style:none;}

其中cursor:pointer;是给这个按钮添加了个手指头,其他的参数实现某种结果,最终效果如图下