Internet Explorer游标：自动

Question

我有一个包含所有内容的包装div。我希望这个包装器div有一个cursor: pointer，因为它可以点击，但我不希望包装器中的内容有这个光标指针：

所以我将包装器设置为cursor: pointer，将内容div设置为cursor: auto，并且除了 Internet Explorer 之外的所有内容都可以正常工作...（我＆＃39; m使用IE11）。 IE中的问题是游标：auto不会将光标重置为每个元素的默认状态，而是将其设置为父光标设置。 （见cursor:auto behaviour in IE 8 and 9）。所以在IE中，我总是看到一个指针，它看起来好像整个页面都是可点击的。

我链接的答案中的解决方案的问题是，即使我将内容区域设置为cursor: default，这会将指针光标转换为正常光标，当我将鼠标悬停在文本上时，我不会＃39 ; t得到一个文本光标，而不是普通的，默认的。除了在内容div中手动指定每个元素以获得其默认光标之外，是否有任何明显的解决方案？换句话说：

.wrapper {
    cursor: pointer;
}

.content {
    cursor: default;
}

.content p, .content h1, .content h2.... {
    cursor: text;
}

.content a {
    cursor: pointer;
}

etc.....

Answer 1

只需更改您的布局，请参阅小提琴https://jsfiddle.net/DIRTY_SMITH/7oe5kh9L/45/

HTML

var myModel = new myModel;
myModel = context.myModels.Find(myModel.Name);

CSS

<div class="wrapper">
  <a href="#">
    <div class="left">

    </div>
  </a>
  <div class="middle">

  </div>
  <a href="#">
    <div class="right">

    </div>
  </a>
</div>

Answer 2

你可以使用*选择器：

.content > * {
    cursor: default;
}