如何在悬停时从<span>中删除文本下划线（我自己设置）</span>

Question

我想要一个链接，但我想点击一个jQuery事件，所以我使用带有id的<span>而不是链接，这样我就可以听取点击事件。

我想让<span>看起来像一个链接，所以：

1. 当<span>悬停
时，光标应显示一只手
2. <span>应加下划线并为蓝色

这在CSS中工作正常，但我想在我悬停时删除下划线。我将如何在CSS中执行此操作？

Answer 1

span:hover {
    text-decoration: none;
}

Answer 2

  

“我想要一个链接，但我想让jquery事件触发onclick所以我使用的是span而不是链接”

为什么不将点击事件放在<a href='whatever'>上？

  // Use the actual ID instead of 'a'.
$('a').click(function( event ) {
    event.preventDefault(); // Prevent the link from being followed
    // do something
});

然后使用伪<a>

更改:hover的文本修饰

a:hover {
    text-decoration:none;
}

如果您在<span>上执行此操作，则:hover将无法在IE6中使用。