“body {{cursor:auto;}”之后的“body {cursor:pointer;}”不会重置Opera中的继承

时间:2013-12-23 19:41:43

标签: html css

在Chromium和Firefox中this fiddle按预期工作。但是在Opera v.12.16中,橙色段上的光标像手上一样留在身上,为什么呢?我做错了什么?

CSS:

body {
   background-image: url( http://i.imgur.com/IH2QeSI.png );
   cursor: pointer;
}
body, html {
   width: 100%;
   height: 100%;
   margin: 0;
}
body * {
  cursor: auto;
}

p {
    width: 50%;
    height: 100%;
    margin:0 auto;
    background-color: orange;
}

HTML:

<body>
    <p></p>
</body>

更新

在Firefox中,当我在段落中添加链接和文本时会出现问题,例如:

<body>
    <p><a href='xxx'>xxx</a>xxx</p>
</body>

在链接光标显示为“选择”时,您可以在Firefox中看到它。 Updated fiddle

1 个答案:

答案 0 :(得分:0)

Opera不支持cursor:auto,而是使用cursor:default:)