如何将web界面鼠标符号变为"小手"

今年四月份做了一个微服务的web项目,我当时做了一个账户注册的功能,但是遇到一个小问题(咳咳,功能就说不说了哈,很简单)。下面上图:

就是当鼠标放置在功能上时,显示的是一个如下

但是这样显示感觉总是很别扭,感觉总是不人性化,所以在网上查了一下,可以将图标改成以下这种:

这个改动很简单,只需要在html页面对应标签中加style="cursor:pointer;"这个属性就ok了。下面是我的代码:

<div class="am-form-group tpl-login-remember-me">
    <input id="remember-me" type="checkbox">
    <label for="remember-me"
           style="position: absolute;margin-top: 2px;color: #858585; margin-left: 12px;">
        记住账号
    </label>
    <a class="am-fr forget-pwd" style="cursor:pointer;" onclick="forgetpasswd_method()">忘记密码?</a>
    <a class="am-fr forget-pwd" style="cursor:pointer;" onclick="register_method()">注册账户 | &nbsp;</a>
</div>

PS:写的比较啰嗦,而且显示的鼠标图标是从网上找的,项目中的截屏不知道怎么把鼠标的图标也截取。所以就这样写了。

请原谅我这个菜鸟[囧]

猜你喜欢

转载自blog.csdn.net/love_xuanxuan/article/details/81407255
今日推荐