CSS Chrome 古代版本的游标

Question

.title {
    cursor: pointer;
}

在 Chrome 的旧版本中（34 或类似版本，在 Win XP 上）这不起作用。光标显示为编辑。

旧版本可以有箭头光标吗？

我检查了 https://caniuse.com/#feat=css3-cursors - 但没有找到答案。

Answer 1

SVG 自定义光标的示例代码：

var myCursor = `url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' `;
    myCursor += `x='0px' y='0px' width='16px' height='16px' viewbox='0 0 16 16' fill='%231278b8' %3E`;
    myCursor += `%3Cpath d='M0,0h6l-6,6z' /%3E%3Cpath d='M16,0h-6l6,6z' /%3E%3Cpath d='M0,16h6l-6,-6z' /%3E`;
    myCursor += `%3Cpath d='M16,16h-6l6,-6z' /%3E%3Ccircle cx='8' cy='8' r='4.4' stroke='%23231F20' `;
    myCursor += `stroke-width='1' fill='transparent' /%3E%3C/svg%3E") 7 7, pointer`;

document.getElementById('myDiv').style.cursor = myCursor;

#myDiv {
  width: 700px;
  height: 300px;
  background-color: chartreuse;
}

<div id="myDiv" >xxx</div>

CSS Chrome 古代版本的游标

CSS cursor for ancient versions of Chrome

css

cursor