如何在沒有子彈的情況下爲文字加下劃線

-1

有沒有辦法只在（未）有序列表中加下劃線？具體來說，我說，我有一個菜單，內聯顯示沒有項目符號，每個項目都是鏈接。鏈接不加下劃線，但當用戶懸停在它們上方時，會加下劃線。然後他們用無形的子彈點強調，這讓我感到不安。有沒有辦法只強調文字？如何在沒有子彈的情況下爲文字加下劃線

回答：原來，我的問題不在子彈中。而且，這真是太愚蠢了，我現在對這個問題感到羞愧。我以爲我記得所有編碼的東西，但事實證明，在列表項出於某種奇怪的原因之前，我有一個 。我保留了所有內容，但是將標記從<a>標籤上移至<span>標籤，並將文字包圍的「懸浮」類標籤改爲 。現在一切正常，我只能看到下劃線。感謝@Ken Clark指出<span>「詭計」。

來源

2013-03-22 Anton Zujev

放置您的代碼。 – 2013-03-22 06:48:34

我在這頁上的帖子在這裏會滿足您的所有要求。 – 2013-03-22 06:58:29

取下a:hover下劃線和內部鏈接放置在一個跨度文本，並給予下劃線樣式跨度：例子：

<style> 
.anchor 
{ 
    text-decoration:none; 
} 

.anchor:hover 
{ 
    text-decoration:none; 
} 
.spnItem:hover 
{ 

    text-decoration:underline; 
} 
</style> 
<a href="#" class="anchor"><span class="spnItem">Item</span> </a>

來源

2013-03-22 06:56:09

謝謝，跨度解決了我的問題。這不是子彈。我會更新這個問題。 – 2013-03-22 07:02:49

您的歡迎:) – 2013-03-22 07:05:58

無法理解你到底在問什麼。

如果你不希望在無序列表

<ul type="none"> <u><li>one</li></u> <u><li>two</li></u> <u><li>three</li></u></ul>

子彈設置類型，沒有人會刪除子彈。

<ul style="list-style-type:none">

以上將完美地工作。因爲type：none可能不被所有瀏覽器接受。

來源

2013-03-22 06:53:34

設置列表樣式爲無，你UL：

ul { list-style: none }

懸停下劃線不會強調在子彈曾經是。這裏有一個fiddle來演示。

來源

2013-03-22 06:54:35 kinakuta

是否這樣？

jsFiddle

HTML

<ul> 
    <li><a>Link</a></li> 
    <li><a>Link</a></li> 
    <li><a>Link</a></li> 
</ul>

CSS

a { 
    text-decoration:underline; 
}

這隻會強調鏈接，而不是子彈爲好。如果你只希望它強調懸停那麼CSS更改爲：

a { 
    text-decoration:none; 
} 
a:hover { 
    text-underline; 
}

來源

2013-03-22 06:55:49

看到這個鏈接，我希望這會對你有幫助。 jsfiddle.net/wMSFp/1/

來源

2013-03-22 07:09:04

如何在沒有子彈的情況下爲文字加下劃線

回答

相關問題