如何将锚标签样式设置为与纯文本完全相同?例如,我有以下代码:
<p> Here is some text and here is a
<a class='no-link' href="http://www.example.com" >link</a></p>
我目前尝试过的方法是:
.no-link{
pointer-events: none;
cursor: text;
text-decoration: none;
color: black;
}
然而,使用这种样式时,当你将鼠标悬停在“链接”文本上时,仍然会显示默认的光标(即箭头),而不是在
<p>
标签中的其他文本上出现的“文本”光标。我如何使所有文本都具有文本光标,并且仍然保持链接不可点击?如果可能的话,我想避免使用jQuery,甚至干脆不用JavaScript。
.no-link:hover{...}
解决问题,它将在鼠标悬停在任何具有no-link
类的元素上时应用样式。 - mowwwalkerpointer-events
正在退出历史舞台,至少在Chrome浏览器中是这样的:https://code.google.com/p/chromium/issues/detail?id=162757#c64和http://lists.w3.org/Archives/Public/public-pointer-events/2014JulSep/0051.html - ralph.m.no-link:hover{}
只是比我在原帖中提到的那个更具体的选择器,所以也存在同样的问题。 - rmacqueen