如何讓註冊符號不顯示下劃線？

我遇到了麻煩，我無法用下劃線顯示單詞的一部分，也無法顯示部分單詞。我希望「註冊」符號不要有下劃線。如何讓註冊符號不顯示下劃線？

HTML：

<h3>Basecamp<span class="sup">&reg;</span></h3>

CSS：

h3 { 
font-size: 21px; 
color: #369; 
font-weight: bold; 
text-decoration: underline; 
margin-top: 5px; 
padding: 5px; 
} 

.sup { 
vertical-align: super; 
text-decoration: none; /*how do i get this off?!*/ 
font-size: 50%; 
font-weight: 400; 
}

來源

2012-11-29 Phil

嗨檢查這個小提琴http://jsfiddle.net/WYwv2/2/ – krish

使用display: inline-block

http://jsfiddle.net/WYwv2/3/

爲什麼這樣嗎？讓我們來看看the specs

...爲了建立一個行內格式化上下文塊容器，裝飾品傳播到封裝了塊容器中的所有流行內孩子的匿名內聯元素。對於所有其他元素，它會傳播給任何流入的孩子。請注意，文本裝飾不會傳播到浮動和絕對定位的後代，也不會傳播到原子內聯級別後代的內容，例如內聯塊和內聯表。

來源

2012-11-29 04:23:30 user123444555621

非常酷，所以這項工作在IE6（不關心它，只是想知道）？ –

@DavidNguyen不確定。 Un幸運的是，我沒有任何IE6來測試。 – user123444555621

，除非你單獨從REG符號的其他文本這將無法正常工作。

h3 { 
font-size: 21px; 
color: #369; 
font-weight: bold; 
margin-top: 5px; 
padding: 5px; 
} 

h3 span { 
text-decoration: underline; 
} 


h3 span.sup { 
text-decoration: none; 
vertical-align: super; 
font-size: 50%; 
font-weight: 400; 
}

<h3><span>Basecamp</span><span class="sup">®</span></h3>

http://jsfiddle.net/rohitazad/yTP9q/2/ < - 更新感謝羅希特

來源

2012-11-29 04:09:11

我仍然看到它下劃線。 – Kermit

它現在工作http://jsfiddle.net/rohitazad/yTP9q/2/ ... –

看到演示： - DEMO

h3 span { 
vertical-align: super; 
text-decoration: none; 
font-size: 50%; 
font-weight: 400; 
display:inline-block; 
}

來源

2012-11-29 04:22:58

如何讓註冊符號不顯示下劃線？

回答

相關問題