很多时候我们点击a标签或input等按钮标签后都会默认响应一个虚线框让用户知道自己已经点击成功。
不过有的时候我们觉得这很不美观。
去除这个虚线框有多种方法,最简单的有以下几种方法控制:
1、使用js控制,当点击a标签被响应聚焦时,强制取消焦点,这时候自然不会产生虚线框。
<a href="#" onfocus="this.blur();">点击无虚线框</a>
2、在a标签里嵌套其他标签,比如span 或者var等等,把内容放在被嵌套的标签里。这时候点击这个链接,聚焦的是a的子标签,自然不会聚焦在a标签上,所以也能避免这个问题。
3、不用a标签做链接,而采用其他标签,使用js做出hover的效果,在css里加入cursour:pointer;设置鼠标以上时变小手。给用户是链接的错觉。使用js做点击时的页面跳转等。最大的缺点是对se友好性比前两种差很多。
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。
转载请注明出处链接 : https://www.inlojv.com/5235.html