栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

CSS删除线与文本的颜色不同?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

CSS删除线与文本的颜色不同?

是的,通过添加一个额外的包装元素。将所需的直通颜色分配给外部元素,然后将所需的文本颜色分配给内部元素。例如:

<span style='color:red;text-decoration:line-through'>  <span style='color:black'>black with red strikethrough</span></span>

…要么…

<strike style='color:red'>  <span style='color:black'>black with red strikethrough<span></strike>

(不过,请注意,HTML4中已将

<strike>
其视为已弃用,而HTML5中已将其视为过时(另请参见W3.org。)。建议的方法是,
<del>
如果打算真正删除的含义,则使用;否则,
<s>
text-decoration
CSS中使用元素或样式,如这里的第一个示例。)

为了使删除线出现在a:hover上,

<HEAD>
必须使用显式样式表(在中声明或引用)。(
:hover
伪类不能与内联STYLE属性一起应用。)例如:

<head>  <style>    a.redStrikeHover:hover {      color:red;      text-decoration:line-through;    }  </style></head><body>  <a href='#' >    <span style='color:black'>hover me</span>  </a></body>

(IE7似乎需要对某些

href
设置进行设置
<a>
才能
:hover
生效; FF和基于WebKit的浏览器则不需要。)



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/670534.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号