在html中怎样实现当鼠标放到submit按钮上时使鼠标变为单击文字链接时的图标（即手的形状）？

html-css04

在html中怎样实现当鼠标放到submit按钮上时使鼠标变为单击文字链接时的图标（即手的形状）？,第1张

在html文件中添加一个事件，就是当鼠标滑动到submit按钮上时，设置鼠标样式即可，具体例子如下：

<html>

<body>

<p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p>

<span style="cursor:auto">

Default</span><br />

<span style="cursor:pointer">

Pointer</span><br />            <!--这个就是你需要的-->

<span style="cursor:move">

Move</span><br />

<span style="cursor:e-resize">

e-resize</span><br />

<span style="cursor:ne-resize">

ne-resize</span><br />

<span style="cursor:nw-resize">

nw-resize</span><br />

<span style="cursor:text">

text</span><br />

<span style="cursor:wait">

wait</span><br />

<span style="cursor:help">

help</span>

</body>

</html>

定义和用法\x0d\x0a\x0d\x0a:hover伪类在鼠标移到元素上时向此元素添加特殊的样式。\x0d\x0a说明\x0d\x0a这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到HTML文档中一个超链接的边界范围内。理论上，其他元素也可以处于悬停状态，不过CSS没有定义究竟是哪些元素。\x0d\x0a激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接，它们会在支持CSS的浏览器中以不同的方式显示出来：\x0d\x0aa:link{color:#FF0000}/*未访问的链接*/\x0d\x0aa:visited{color:#00FF00}/*已访问的链接*/\x0d\x0aa:hover{color:#FF00FF}/*当有鼠标悬停在链接上*/\x0d\x0aa:active{color:#0000FF}/*被选择的链接*/\x0d\x0a\x0d\x0a具体的例子，你可以百度搜下w3cshool里CSS:hover伪类，链接我就不给了，免得被删答案。\x0d\x0a\x0d\x0a总的来说hover是css里用来定义，当鼠标移到某个标签上时，这个标签显示的情况。一般来说hover用在a（超链接）上比较多。类似的用法有link,visited,active.

虽然w3cschool上也说::selection是有cursor和outline 属性

但经过测试 确实 这两个属性 没起作用。

只有字体颜色和背景，起作用了。