CSS:从文本中删除下划线

前端之家收集整理的这篇文章主要介绍了CSS:从文本中删除下划线前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有以下HTML

即使我使用“无”作为“内部文本”,它仍然有下划线.这是JS小提琴示例:http://jsfiddle.net/oj2wj1d6/1/

如何从“内部文本”中删除下划线?我必须保持相同的HTML结构,而不添加任何新的HTML标记.

最佳答案
有点hacky但是使用:: first-line psueduo选择器,它只将样式应用于’first line’,所以在下面的例子中我使用了一个元素(一个p)来打破文本并触发动作.

这当然是假设您想要加下划线的唯一文本是您内容的第一行.告诫者,YMMV等

example on JSFiddle.net

HTML:

CSS:

.first-line-underline::first-line {
  text-decoration: underline;
}

text-decoration on Mozilla Developer Network
::first-line on Mozilla Developer Network

原文链接:https://www.f2er.com/css/427383.html

猜你在找的CSS相关文章