Question

我正在定义三个菜单按钮

<div id="buttonscontainer">
    <ul>
    <li><a unselectable="on" value="insert" onClick="insertText('[BEFORE]', '[AFTER]'); return false;">Bold</a></li>
    <li><a unselectable="on" value="insert" onClick="insertText('[BEFORE]', '[AFTER]'); return false;">Italic</a></li>
    <li><a unselectable="on" value="insert" onClick="insertText('[BEFORE]', '[AFTER]'); return false;">Image</a></li>
    </ul>
    </div>

我使用<a>标签创建带有OnClick jscript的简单文本按钮。

问题是，当用户将鼠标悬停在链接上时，游标会更改为编辑（如编辑框光标）

为什么这样的行为？或者我必须在CSS中查找特定属性

Answer 1

您需要将href属性添加到锚点或CSS中，您可以添加：

#buttonscontainer a:hover
{
    cursor: pointer;
}

其中任何一个都会将光标更改为指针：）

jsFiddle example

Answer 2

我认为问题是您需要在链接中添加href属性：

<a .. href="#">Bold</a>

或者，您可以添加此CSS：

a {
    cursor: pointer
}

但这看起来有点傻。只需添加href和fix the styling of the links (demo)。

即可

Answer 3

我认为问题是你的标签缺少必需的属性href。尝试输入空的href =“”

<a> attribute gives Edit cursor on hover</a>

3 个答案: