Question

我有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>

任何人都可以说我做错了什么。谢谢你

Answer 1

使用CSS但不使用style =“”而是使用block或.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>

为什么还要使用标签？

Answer 2

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

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

Answer 3

您的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
}

Answer 4

试试这个：

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

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

Answer 5

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

即。

<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>

Answer 6

请从锚标记内删除标签，或者如果你想添加标签，你可以在锚标记之前添加标签，这样我就能完美地工作

像

<div style="margin-left:800px;"><label for="addhost"><a style="text-decoration:none" href="addhost/addhostui.php">ADD HOST</a></label></div>

光标在悬停时不会改变

6 个答案: