Question

所以我在<label>内有<a href...>无法使用。对于样式，当我将鼠标悬停在标签上时，它会改变颜色，如果单击标签的任何部分将链接。我已经在Chrome，Firefox和Safari上尝试过这种功能，但它在IE（10）中运行得很好，但没有任何作用：无论是链接还是CSS。（如果我删除<label>它的工作原理......）代码如下：

HTML：

<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css"/>
</head>
<body bgcolor="#ED454C" link="black" vlink="black" alink="white" >
<table bgcolor="#FAFAFA" style="border-style:solid;border-color:black;" cellspacing="0" cellpadding="0" > 
 <tr>
  <td><a href="archive.php"><label class="uno">This wont work :(</label></a></td> 
 </tr>
</table>
</body>
<footer>
</footer>
</html>

CSS：

label {
 border:0px solid #FF7E7E;
 padding:20px;
 margin:0px 0px 0px;
 display:block;

}

.uno:hover {
 background:#33B3CE;
 cursor:pointer;
}

Answer 1

标签用于使表单更易于访问。您可以将标签更改为跨度，并更改CSS以反映该标签。如果您只是尝试在悬停时更改链接的颜色，则可以单独使用链接执行此操作，如此fiddle中所示。我所做的只是删除标签，并调整css使用a和a：hover

a {
    border:0px solid #FF7E7E;
    padding:20px;
    margin:0px 0px 0px;
    display:block;
}

a:hover {
    background:#33B3CE;
    cursor:pointer;
}

使用标签，href和css的链接在IE中不起作用

1 个答案: