游标: auto
游标: auto
提问于 2016-03-18 19:24:31
我有一个包含我所有内容的包装div。我希望这个包装器div有一个cursor: pointer，因为它是可点击的，但是我不希望包装器中的内容有那个光标指针：
因此，我将包装器设置为cursor: pointer，将内容div设置为cursor: auto，除了Internet (我使用的是IE11)外，它什么都可以工作。IE中的问题是，游标: auto不会将游标重置为每个元素的默认状态，而是将其设置为父元素的游标设置。(见cursor:auto behaviour in IE 8 and 9)。所以在IE中，我总是看到一个指针，它使整个页面看起来是可点击的。
我链接到的答案中的解决方案的问题是，即使我将内容区域设置为有cursor: default，它将指针光标转换为普通光标，当我在文本上悬停时，我不会得到一个文本光标，而是一个正常的默认光标。除了在content中手动指定每个元素以使其默认游标外，是否有任何明显的解决方案来解决这个问题？换言之：
.wrapper {
cursor: pointer;
}
.content {
cursor: default;
}
.content p, .content h1, .content h2.... {
cursor: text;
}
.content a {
cursor: pointer;
}
etc.....回答 2
Stack Overflow用户
发布于 2016-03-18 19:35:04
只需像这样更改您的布局，请参见SMITH/7oe5kh9L/45/
html
<div class="wrapper">
<a href="#">
<div class="left">
</div>
</a>
<div class="middle">
</div>
<a href="#">
<div class="right">
</div>
</a>
</div>CSS
.wrapper {
width: 100%;
height: 100vh;
}
.left,
.right {
width: 150px;
height: 100%;
float: left;
background-color: blue;
}
.middle {
width: calc(100% - 300px);
height: 100%;
float: left;
background-color: gray;
}Stack Overflow用户
发布于 2016-03-18 19:38:12
您可以使用*选择器：
.content > * {
cursor: default;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36092736
复制相关文章
相似问题
腾讯云开发者
