Ссылки на использование lables, hraf и css не будут работать в IE

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;
}
  • 0
    Я обновил свой ответ и добавил рабочую скрипку. Дайте мне знать, если это не сработает. Спасибо!
  • 0
    Почему вы используете разметку label ?
Теги:
hyperlink
label
explorer

1 ответ

0
Лучший ответ

Этикетки используются, чтобы сделать формы более доступными. Вы можете изменить ярлыки на промежутки и изменить CSS, чтобы это отразить. Если вы просто пытаетесь изменить цвет ссылки при наведении, вы можете сделать это только с помощью ссылки, как видно на этой скрипке. Все, что я сделал, это удалить ярлык и настроить css для использования a и a: hover

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

a:hover {
    background:#33B3CE;
    cursor:pointer;
}
  • 0
    Спасибо! так намного лучше на самом деле!
  • 0
    Нет проблем, рад помочь! И спасибо, что приняли ответ! :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню