刪除下劃線中的文本內的下劃線<a>標籤

Question

我目前正在使用jQuery UI的格式。我有一個具有「ui-state-error」類的div，其中的文本具有「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：none的樣式將其從標籤中刪除。

Answer 1

爲了簡單起見，我更新了小提琴並刪除了jQuery UI參考。

jsFiddle

只是增加了以下CSS規則

a { 
    text-decoration: none; 
}