0

所以我在一个行不通<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;
}
4

1 回答 1

0

标签用于使表单更易于访问。您可以将标签更改为跨度，并更改 CSS 以反映这一点。如果您只是想在悬停时更改链接的颜色，则可以单独使用链接来做到这一点，如this fiddle所示。我所做的只是删除标签，并调整 css 以使用 a 和 a:hover

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

a:hover {
    background:#33B3CE;
    cursor:pointer;
}
于 2013-10-23T21:30:30.467 回答