1

我有 4 个链接添加访问者、添加机器、添加主机、添加操作员，我感到惊讶的是，在通过链接悬停时光标图标没有改变。这是我的代码

<div style="margin-left:800px;margin-top:-200px;"><a style="text-decoration:none" href="addvisitorui.php"><label for="addvisitor">ADD VISITOR</a></div>
            <div style="margin-left:800px;"><a style="text-decoration:none" href="addmachine/addmachineui.php"><label for="addmachine">ADD MACHINE</a></div>
            <div style="margin-left:800px;"><a style="text-decoration:none" href="addhost/addhostui.php"><label for="addhost">ADD HOST</a></div>
            <div style="margin-left:800px;"><a style="text-decoration:none" href="addoperator/addoperatorui.php"><label for="addoperator">ADD OPERATOR</a></div>

谁能告诉我我做错了什么。谢谢

4

6 回答 6

0

使用 CSS 但不在 style="" 中，而是在块或 .css 文件中。

您的代码无效。例如标签没有结束标签

使悬停使用

<style>
a {text-decoration:none;}
a:hover{color:red;}
div.mystyle{margin-left:800px;margin-top:-200px;}
</style>

正确的 HTML

        <div class="mystyle"><a href="addvisitorui.php"><label for="addvisitor">ADD VISITOR</label></a></div>
        <div class="mystyle"><a href="addmachine/addmachineui.php"><label for="addmachine">ADD MACHINE</label></a></div>
        <div class="mystyle"><a href="addhost/addhostui.php"><label for="addhost">ADD HOST</label></a></div>
        <div class="mystyle"><a href="addoperator/addoperatorui.php"><label for="addoperator">ADD OPERATOR</label></a></div>

为什么你仍然使用标签标签？

于 2013-04-16T11:45:21.753 回答
0

尝试通过关闭标签来修复标签，应该可以解决您的问题。

<div style="margin-left:800px;margin-top:-200px;">
    <a style="text-decoration:none" href="addvisitorui.php">
        <label for="addvisitor">ADD VISITOR</label>
    </a>
</div>
于 2013-04-16T11:45:25.723 回答
0

您的 HTML 格式错误：

<div style="margin-left:800px;margin-top:-200px;">
    <a style="text-decoration:none" href="addvisitorui.php">
        <label for="addvisitor">ADD VISITOR</label>
    </a>
</div>
<div style="margin-left:800px;">
    <a style="text-decoration:none" href="addmachine/addmachineui.php">
        <label for="addmachine">ADD MACHINE</label>
    </a>
</div>
<div style="margin-left:800px;">
    <a style="text-decoration:none" href="addhost/addhostui.php">
        <label for="addhost">ADD HOST</label>
    </a>
</div>
<div style="margin-left:800px;">
    <a style="text-decoration:none" href="addoperator/addoperatorui.php">
        <label for="addoperator">ADD OPERATOR</label>
    </a>
</div>

您还需要添加一个 CSS 规则来指定label应该使用pointer光标：

a label {
    cursor: pointer
}
于 2013-04-16T11:45:55.643 回答
0

试试这个：

div style="cursor:pointer;margin-left:800px;"

当您将鼠标悬停在 div 上时，光标将更新为指针。

于 2013-04-16T11:45:58.700 回答
0

您可以尝试在您的 div 中添加以下内容：cursor:pointer

IE

<div style="margin-left:800px;margin-top:-200px;cursor:pointer;"><a style="text-decoration:none" href="addvisitorui.php"><label for="addvisitor">ADD VISITOR</a></div>

于 2013-04-16T11:45:58.807 回答
0

请从锚标签内部删除标签，或者如果您想添加标签，您可以在锚标签之前添加它，这样我会完美工作

像

<div style="margin-left:800px;"><label for="addhost"><a style="text-decoration:none" href="addhost/addhostui.php">ADD HOST</a></label></div>
于 2013-04-16T11:48:41.350 回答