当前位置:首页 - 建站教程 - js教程 - Bootstrap中a标签点击后出现下划线解决办法

Bootstrap中a标签点击后出现下划线解决办法

时间:2019-04-12来源:帝国模板网 作者:帝国模板网 文章热度:
点评:Bootstrap新版里的a标签点击后出现下划线解决办法原因是Bootstrap对a标签进行了focus焦点事件。所以解决办法就是一句:a:focus{text-decoration:none;}添加到页面CSS文件中,刷

Bootstrap新版里的a标签点击后出现下划线解决办法

原因是Bootstrap对a标签进行了focus焦点事件。

所以解决办法就是一句:a:focus{text-decoration:none;}

添加到页面CSS文件中,刷新缓存即可!

延伸基础知识html代码:

CSS样式: 

a:link{text-decoration:none;} /*指正常的未被访问过的链接*/

a:visited{text-decoration:none;} /*指已经访问过的链接*/

a:hover{text-decoration:none;} /*指鼠标在链接*/}

a:active{text-decoration:none;} /*指正在点的链接*/


 

文章TAG:Bootstrap 下划线
下一篇:返回列表
相关js教程
最新js教程