您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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-decorationCSS中使用元素或样式,如这里的第一个示例。)

为了使删除线出现在a:hover上,<HEAD>必须使用显式样式表(在中声明或引用)。(:hover伪类不能与内联STYLE属性一起应用。)例如:

<head>

  <style>

    a.redStrikeHover:hover {

      color:red;

      text-decoration:line-through;

    }

  </style>

</head>

<body>

  <a href='#' class='redStrikeHover'>

    <span style='color:black'>hover me</span>

  </a>

</body>

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

CSS 2022/1/1 18:21:24 有309人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶