我一直在寻找和寻找,我似乎无法改变这个非常烦人的事情!
所以请温柔天使的人,帮我删除链接下划线,但具体的.
严重搞砸了,谢谢.
所以请温柔天使的人,帮我删除链接下划线,但具体的.
严重搞砸了,谢谢.
一些代码:
<div id = "cracker-container"> <div class = "cracker-wrapper"> <div id = "cracker1-button"> <%= link_to "cracker",new_crack_path %> </div> </div> <div class = "cracker-wrapper"> <div id = "cracker2-button"> Cracker2 </div> </div> <div class = "cracker-wrapper"> <div id = "cracker3-button"> Cracker3 </div> </div> </div> THE CSS: #cracker1{ color: #000; } #cracker2{ color: #000; } #cracker3{ color: #000; } #cracker1:active{ color: #fff; } #cracker2:active{ color: #fff; } #cracker3:active{ color: #fff; }
解决方法
这将从#cracker1-button div下的任何标签中删除文本修饰.
#cracker1-button a:link { text-decoration:none; }
但是,该代码只会删除“新鲜”/未访问链接的下划线.链接有4种不同的状态:
>链接:新鲜/未访问的链接
>访问:用户访问过的链接
>悬停:当用户将鼠标悬停在链接上时
> active:当链接是页面上的活动元素时(具有键盘焦点)
如果要从所有4种状态的链接中删除下划线,则需要在CSS中指定它:
#cracker1-button a:link,#cracker1-button a:visited,#cracker1-button a:hover,#cracker1-button a:active,{ text-decoration:none; }
以下是有关CSS样式链接的更多信息的参考.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。