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

 时间:2026-02-12 09:40:35

1、代码如下

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

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

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

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;是给这个按钮添加了个手指头,其他的参数实现某种结果,最终效果如图下

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

  • Dreamweaver怎么制作单选题
  • 如何用jquery取得table的总行数
  • jquery如何定位倒数第二个元素
  • WPS 怎么启用宏工具
  • Windows11快速助手如何打开
  • 热门搜索
    珍惜生命的手抄报 熄灯一小时手抄报 关于抗击疫情的手抄报 2020鼠年手抄报 国庆节手抄报简单漂亮 快乐成长手抄报内容 关于诗的手抄报 关于夏天的手抄报 儿童手抄报图片大全 英语手抄报设计图