Question

我目前正在使用jquery UI进行格式化。我有一个div具有“ui-state-error”类，其中的文本具有“ui-state-error-text”类。这是我的代码：

<div class="ui-widget">
     <a href="http://www.mobilehealtherecords.com/blog/news-announce/2014/06/faq-
     page/" target="_newtab" style="font-decoration: none">
          <div class="ui-state-error ui-corner-all" id="questionAlert" style=
          "margin: auto">
               <p class="ui-state-error-text"><span class="ui-icon ui-icon-alert" 
               style="float: left; margin-right: .3em;"></span><span style="
               color: font-weight: bold">Alert:</span> The "questions" page has
               been permanently removed. Click here for more information.</p>
          </div>
     </a>
</div>

我不想列出我正在使用的所有不同资源，所以我要包含jsfiddle。我想要做的是消除恼人的蓝色下划线。如果你注意到我已经尝试通过插入带有text-decoration的样式来删除它：无。

Answer 1

为了简单起见，我更新了你的小提琴并删除了jQuery UI引用。

jsFiddle

刚刚添加了以下CSS规则

a {
    text-decoration: none;
}

从div中的文本中删除下划线，其中div包含在<a> tags</a>中

1 个答案: