Question

问题非常简单。

我将label标记和span标记包含在标记中，并将href属性放在锚标记上。但是在IE浏览器中（未在旧版本中测试），当我点击标签标签时链接不起作用。（Chrome有效，仅供参考）

生殖

＆＃13;

span, label {

  display:inline-block;
  vertical-align:middle;
  
}

span {
  width:200px;
  height:50px;
  background:url("http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=c4222387135a");
}

label {
  height:50px;  
  font-size:37pt;
  font-weight:bold;
  color:#000;
}

＆＃13;

<a href="/#">

  <span></span><label>This is my logo</label>
  
</a>

<br/><br/>

<div style="width:160px; background-color:green; display:inline-block; color:white; height:22px; padding:15px; text-align:center;">Working zone</div>
<div style="width:300px; background-color:#ccc; display:inline-block; color:white; height:22px; padding:15px; text-align:center;">Not working zone</div>

＆＃13;

三个问题

如何使链接正常工作。
为什么链接在锚标记完全包裹时只对标签标签起作用？
为什么我的光标在嵌套标签标签上丢失了pointer形状？

Answer 1

结构异常。如果您希望标签成为链接，请以这种方式修改结构 -

 <label>
    <a href="/#">This is my logo</a>
 </label>

以这种方式使用label背后的目标是什么？标签主要用于输入控件。

Answer 2

仅使用span标记。你不需要在跨度内有标签。此代码适用于所有浏览器。

<a href="/#">

  <span>This is my logo</span>

</a>

相应地应用样式。希望这会有所帮助。

Answer 3

您可以在标签标签的css中简单地指定cursor：pointer

label
{
cursor:pointer;
}

当用户点击其嵌套标签标签时，标签链接不起作用

3 个答案: