刪除鏈接內嵌的下劃線。

hI這個asp.net模板有些麻煩。我試過Text-decoration: none，但沒有奏效。刪除鏈接內嵌的下劃線。

<telerik:RadListView ID="NewsList" ItemPlaceholderID="ItemsContainer" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false"> 
    <LayoutTemplate> 
     <ul> 
      <asp:PlaceHolder ID="ItemsContainer" runat="server" /> 
     </ul> 
    </LayoutTemplate> 
    <ItemTemplate> 
     <li style="list-style-type:none;" data-sf-provider='<%# Eval("Provider.Name")%>' data-sf-id='<%# Eval("Id")%>' data-sf-type="Telerik.Sitefinity.News.Model.NewsItem"> 
      <h2 style="font: 13px Verdana; color:black; text-decoration:none;"> 
       <sf:DetailsViewHyperLink TextDataField="Title" ToolTipDataField="Description" data-sf-field="Title" data-sf-ftype="ShortText" runat="server" /> 
      </h2> 
     <span style="font:8px Verdana" > 
      <sf:FieldListView ID="summary" runat="server" Text="{0}" Properties="Summary" WrapperTagName="div" EditableFieldType="ShortText"/> 
     </span> 
     </li> 
    </ItemTemplate> 
</telerik:RadListView> 
<sf:Pager id="pager" runat="server"></sf:Pager>

鏈接的顏色和下劃線都保留。我該如何改變它？

這就是結果： enter image description here

來源

2014-04-07 173901

開發人員工具是否顯示應用於該'li'的CSS規則？如果不是，你可以分享呈現的HTML嗎？ –

是的，如果我檢查元素，我可以打開和關閉元素，但實際上並沒有改變輸出 – 173901

在任何情況下，'text-decoration：none'只適用於不是父'h2'的鏈接。因此，您需要將其應用於'' –

給您H2類的名稱。可以說「link_holder」。然後在你的CSS嘗試像

h2.link_holder a 
{ 
    text-decoration:none; 
}

另外，你可以給sf：DetailsViewHyperLink一個CssClass？

來源

2014-04-07 15:16:15 Issac

刪除鏈接內嵌的下劃線。

回答

相關問題