3
A
回答
4
你需要给:after
伪元素position:absolute;
,并给它margin
来接班。此外,锚点要求display:inline-block;
才能使:after
内容正确显示。
6
处理最简单的方法就是换一个span
围绕在每个链接的文字:
<a href="#"><span>test</span></a>
在:hover
只有span
给出text-decoration: underline
:
a:hover span {text-decoration: underline}
参见:http://jsfiddle.net/thirtydot/3N9vs/27/
类似的旧的问题:Cannot undo text-decoration for child-elements
也与此有关:CSS text-decoration property cannot be overridden by child element
+1
在我的答案中提到的文字装饰的传播适用于伪元素好吧,因为他们生成的盒子是'a'元素盒子的孩子。不过,不太清楚为什么Josh的解决方案可以在Chrome和Firefox中使用。 – BoltClock 2012-04-12 11:31:21
相关问题
- 1. 删除悬停与()
- 2. 删除悬停CSS
- 3. jquery删除悬停删除类名
- 4. 删除:使用Javascript悬停
- 5. 删除css悬停样式
- 6. 删除悬停动画
- 7. 删除:悬停点击
- 8. jQuery的悬停添加类和删除悬停
- 9. Jq mouseleave删除背景悬停,防止正常的css悬停
- 10. 如何删除悬停风格CSS
- 11. 删除悬停在CSS上的圆圈
- 12. 删除后哪些指针悬停?
- 13. 删除WordPress主题上的悬停框
- 14. 悬停时添加/删除z-index
- 15. 从悬停文本中删除列名
- 16. 删除悬停时的图像叠加
- 17. 删除:悬停onclick一个按钮
- 18. Twitter引导删除tr悬停?
- 19. WPF ListView删除鼠标悬停效果
- 20. 如何删除悬停并单击
- 21. CSS。删除悬停并点击:在
- 22. Jquery的 - 删除悬停动画结束
- 23. CSS悬停下,删除/下边框
- 24. 如何在删除的keydown悬停类?
- 25. AngularJS有条件地删除CSS悬停
- 26. 删除图像悬停效果
- 27. 下拉类删除后悬停不起作用删除
- 28. 如何删除默认悬停文本和显示悬停圆环图Highcharts
- 29. 添加/删除类每15秒使用jQuery并停止悬停。
- 30. 元素与悬停,然后单击删除悬停效果,然后再次单击添加悬停
这没有任何区别,例如,IE9。 – thirtydot 2012-04-12 11:17:40
你说得对,似乎在Chrome和Firefox中工作,但不是IE。也许有没有一个完全基于CSS的解决方案,这个问题 – 2012-04-12 11:24:44
我不认为有这个问题。我想起了以前的这个问题:http://stackoverflow.com/questions/5434819/cannot-undo-text-decoration-for-child-elements – thirtydot 2012-04-12 11:25:28