text-decorations

How to get rid of underline on <span> inside <a> tag with hover?

由 流过昼夜 提交于 2019-12-12 08:46:11
问题 fiddle HTML <ul> <li><a href="#">Messages<span>1</span></a></li> </ul> CSS a { text-decoration: none; } a:hover { text-decoration: underline; } a:hover span { text-decoration: none; } span { background-color: red; border-radius: 999px; color: white; margin-left: 2px; position: relative; top: -.5em; font-size: .75em; font-weight: bold; padding: 0 .3em; } When you mouse-over the link the underline is applied to the <span> even though I've set text-decoration: none . Is there a way to get rid of

Can't get underline to show up when triggered

由 青春壹個敷衍的年華 提交于 2019-12-11 03:23:52
问题 I have the following style, but when the mouse over trigger is true, no underline shows up on the text. <Style x:Key="HyperlinkToggleButtonStyle" TargetType="ToggleButton"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ToggleButton"> <TextBlock x:Name="TextBlock"> <ContentPresenter Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/> </TextBlock> </ControlTemplate> </Setter.Value> </Setter> <Style.Triggers> <Trigger Property=

Text Decoration not working within DIV

由 。_饼干妹妹 提交于 2019-12-11 02:39:15
问题 I have the following CSS: .top-category-item { height: 338px; background-color: black; position: relative; } .top-category-item-copy { width: 100%; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.8 opacity */ background: rgba(0, 0, 0, 0.8); bottom: 0px; position: absolute; padding-left: 5px; padding-right: 15px; padding-top: 2px; padding-bottom: 4px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border

Text decoration for link and span inside this link

由 妖精的绣舞 提交于 2019-12-10 14:18:09
问题 I have links like: <a href="#">Link text<span>Link sub-text</span></a> When hovering I need that text inside span is not decorated with underline (but main link text is). Is it possible? I've tried: a:hover span {text-decoration:none;} This is not working. Is there any solution for this? 回答1: Add link text (text you want to be decorated with underline) inside <span> and the sub-text outside as normal link text, like: <a href="#"><span>Link text</span>sub-text</a> To decorate Link text use: a

text-decoration not working on a floating element

由 删除回忆录丶 提交于 2019-12-08 05:35:53
问题 When using a div with the text-decoration style it does not seem to apply it on a span inside the div after floating that span. What is the explanation for this and how can I fix it? See my problem here: http://jsfiddle.net/wtBDX/2/ div { color: red; text-decoration: line-through; } div span { float: right; } 回答1: This is required by the spec, which states: Note that text decorations are not propagated to floating and absolutely positioned descendants, nor to the contents of atomic inline

how to create textview link without underscore in android

由 老子叫甜甜 提交于 2019-12-07 16:07:18
问题 i came into this wired situation, my code is as follow LinearLayout ll = new LinearLayout(this); TextView tv = new TextView(this); ll.addView(tv); tv.setText(Html.fromHtml("<a STYLE=\"text-decoration:none;\" href=\"" + StringEscapeUtils.escapeJava(elem.getChildText("newsLink")) + "\">" + StringEscapeUtils.escapeJava(elem.getChildText("Title")) + "</a>")); tv.setTextColor(Color.BLACK); but the style="text-decoration:none" and tv.setTextColor(color.black) both not working, the link is still in

Any way to stop CSS :hover text-decoration underline on child? [duplicate]

由 霸气de小男生 提交于 2019-12-07 06:34:54
问题 This question already has answers here : Closed 9 years ago . Possible Duplicate: How do I get this CSS text-decoration issue to work? I'm using the jquery toggle effect to show or hide more information about list elements: jQuery(document).ready(function($) { $("ul p").hide(); $("ul li").addClass("link"); $("ul li").click(function () { $("p", this).toggle(300); }); }); which works fine with a structure like: <ul> <li>List element 1<p>Additional info 1</p></li> <li>List element 2<p>Additional

How to change 'text-decoration' property with jQuery?

由 倾然丶 夕夏残阳落幕 提交于 2019-12-07 03:27:25
问题 I have table with following structure: <table style=" margin-top: 10px; border: 1px wheat solid; width: 100%; font-size: 10px; font-family: Arial , Verdana;text-shadow:0px 1px 0px #000"> <tr class="infoRow" style="background:#666666; "> <td>Element11 </td> <td style="font-size:12px; font-weight:bold; font-family: georgia;">Element12 </td> <td><input type="checkbox" class="check" /></td> </tr> <tr class="infoRow" style="background:#666666; "> <td>Element21 </td> <td style="font-size:12px; font

CSS text-underline rendering difference between FF/IE and Chrome

由 不羁岁月 提交于 2019-12-06 12:57:05
I have a question. In the following url I have a set of h1,h2 and p elements with their respective css styling. The h1 element has text-decoration underline. http://nostalgia.mx/light2.html Open the site with both firefox+ie and chrome and you'll notice the profound differences: 1.- firefox+ie make the underline proportional to the fontsize of the element being underlined, which is very smart. Google keeps it thin and un-proportional. 2.- firefox+ie 'fuse' or 'meld' the text itself with the underline so the silhouette is one single piece, which is very nice. Chrome on the other hand does not.

CSS multiple text-decoration

由 ￣綄美尐妖づ 提交于 2019-12-05 19:30:49
问题 I want to have the <h2> underlined and blinking at the same time. Is there any way to achieve this modifying only the CSS style of <h2> ? For instance: h2 { text-decoration: underline, blink; } or h2 { text-decoration: underline; text-decoration: blink; } none of the above works If there is no such way what is the fastest/easiest way to do it? 回答1: You need to space separate them: text-decoration: underline overline line-through; http://jsfiddle.net/PamjT/ 回答2: Easiest is to set border-bottom
订阅 text-decorations