今年四月份做了一个微服务的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()">注册账户 | </a>
</div>
PS:写的比较啰嗦,而且显示的鼠标图标是从网上找的,项目中的截屏不知道怎么把鼠标的图标也截取。所以就这样写了。
请原谅我这个菜鸟[囧]