Css 防止Safari在拖动鼠标时切换到文本光标
我正在制作一个表格,用户可以在表格中单击单元格并将鼠标拖动到其他单元格上与之交互 我希望鼠标光标在用户在桌子上的整个时间都保持为“指针”。他们应该不能选择任何文本 下面是一些要演示的示例代码:Css 防止Safari在拖动鼠标时切换到文本光标,css,safari,Css,Safari,我正在制作一个表格,用户可以在表格中单击单元格并将鼠标拖动到其他单元格上与之交互 我希望鼠标光标在用户在桌子上的整个时间都保持为“指针”。他们应该不能选择任何文本 下面是一些要演示的示例代码: <html> <head> <style> td { user-select: none; -webkit-user-select: none; cursor: pointer; } </s
<html>
<head>
<style>
td {
user-select: none;
-webkit-user-select: none;
cursor: pointer;
}
</style>
</head>
<body>
<table>
<tr><td>Test</td><td>Test</td></tr>
<tr><td>Test</td><td>Test</td></tr>
</table>
</body>
</html>
运输署{
用户选择:无;
-webkit用户选择:无;
光标:指针;
}
测试
测试
这在Chrome中非常有效-无论您如何使用鼠标与单元格交互,光标都不会从指针改变
但是,Safari总是在您开始将鼠标拖动到表格上时更改为“文本”光标(即使-webkit user select成功阻止您实际选择文本)
我已经尝试将上述样式应用于:活动选择器以及父元素(例如),但没有成功
有人知道如何在Safari中实现这一点吗