css - 旧版 Chrome 的 CSS 光标
问题描述
.title {
cursor: pointer;
}
在 Chrome 的古老版本(版本 34 或类似版本,在 Win XP 上)这不起作用。光标显示为编辑。
在旧版本中是否可以有任何箭头光标?
我检查了https://caniuse.com/#feat=css3-cursors
- 但没有找到答案。
解决方案
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>
推荐阅读
- python - Python matplotlib 绘制空图
- nrwl-nx - 如何运行自定义命令作为服务的一部分?
- javascript - 如何正确地将我的 Javascript 添加到函数中
- ios - 在 iOS VPN on Demand 规则中,当域匹配时连接 VPN,当规则不匹配时断开 VPN
- rust - 如何避免穷举匹配而直接返回枚举值?
- amazon-web-services - AWS Beanstalk 无法在部署时自动创建 nginx 配置文件
- python - 如何 pip 冻结源包
- c++ - 使用密钥擦除地图中的 SEGV
- android - Android BLE 配对和 BREDR 密钥分配
- javascript - 在 JavaScript 中以 second 为基础更新 first 数组