a标签下划线的坑

a标签下划线的坑问题来源描述在使用Vux的tabbar组件,发现底部导航文字会有下划线,用chrome的开发者工具去找到该标签,发现就是一个span,利用各种CSS手段去删除下划线,都不起作用,但是删除这个span标签文字就消失了,span的样式里面也没有出现让其产生下划线的样式,绞尽脑汁去想各种CSS或者是JS能让span控件产生下划线的东西,一点头绪都没有。后面想想唯一的可能性就是a标签了,于是往上去找s…

大家好,又见面了,我是你们的朋友全栈君。

问题来源描述

在使用Vux的tabbar组件,发现底部导航文字会有下划线,用chrome的开发者工具去找到该标签,发现就是一个span,利用各种CSS手段去删除下划线,都不起作用,但是删除这个span标签文字就消失了,span的样式里面也没有出现让其产生下划线的样式,绞尽脑汁去想各种CSS或者是JS能让span控件产生下划线的东西,一点头绪都没有。
后面想想唯一的可能性就是a标签了,于是往上去找span的父标签,最后还是找到了a标签,只是这个a标签包含了很多东西,比如 icon图标、文字描述等,只是我习惯性的去定位到产生下划线最近的标签,因为下划线是a 作用的,恰好效果跟span标签很贴近,给人的错觉就是下划线是span标签产生的,所以不管我怎么修改span标签的样式,都不起任何作用。

解决办法

a{ 
   
    text-decoration: underline;
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/133856.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 组合数学容斥原理答案_容斥原理例题精讲

    组合数学容斥原理答案_容斥原理例题精讲一.容斥原理就是人们为了不重复计算重叠部分,想出的一种不重复计算的方法。先来认识一下这两个符号:与(如图)蓝色的圈就是c1c2,红色的圈围起来的就是c1c2二.例题:组合数学1.题目1.1.题目描述八是个很有趣的数字啊。八=发,八八=爸爸,88=拜拜。当然最有趣的还是8用二进制表示是1000。怎么样,有趣吧。当然题目和这些都没有关系。某个人很无聊,他想找出[a,b…

    2025年7月5日
    3
  • 用了下FIREBIRD,发现真的不错哦

    用了下FIREBIRD,发现真的不错哦

    2021年7月30日
    75
  • vscode插件大全_腾讯视频vip插件

    vscode插件大全_腾讯视频vip插件VSCode最全实用插件(VIP典藏版)

    2022年9月30日
    3
  • 手机一键装windows系统_git could not create work tree

    手机一键装windows系统_git could not create work treeGit简介Git是目前世界上最先进的分布式版本控制系统。可以简单理解为一种管理的工具,通过git可以将github上的代码拉到本地或者把电脑里的代码push到github。Windows环境下Git的下载与安装地址:https://git-scm.com/download这里选择64位的下载完成后,双击即可进入安装界面选择自己想要安装的位置,默认C盘,这里选择了D盘一些组件:(这里选择在桌面上创建git的图标Additionalicons–OntheDesktop,其他的默认即

    2022年8月25日
    8
  • 经济基础知识(初级)【17】

    经济基础知识(初级)【17】1.党的十八大报告中概括的科学发展观最鲜明的精神实质包括()A.解放思想B.实事求是C.与时俱进D.求真务实E.城乡协调2.下来金融业务中,属于投资银行业务的有()A.为工商企业代理证券买卖B.向工商企业提供中长期贷款C.投资工商企业股票D.参与工商企业并购重组E.向消费者提供消费贷款3.下来会计要素中,反映企业财务状况的有()A.收入B.资产C.负债D.费用E.所有者权益4.下来数据整理与显示方法中,适用于顺序数据的有()A.圆形图B.直方图C.累积

    2022年5月28日
    42
  • 浏览器插件开发-manifest文件解读「建议收藏」

    浏览器插件开发-manifest文件解读调研资料manifest.json官方文档ChromeExtensionAPI360浏览器的插件文档中文,虽然内核差不多但是不一定与Chromeapi一致,可以作为参考Chrome官方案例库案例如何实现网页和Chrome插件之间的通信消息传递manifest.json配置说明manifest.json用于描述…

    2022年4月11日
    289

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号