如何使用 JSX 内联样式指定自定义鼠标光标？
这工作正常：
<Component
style={{ cursor: 'crosshair' }}
/>
但我似乎无法得到任何类似的东西
<Component
style={{ cursor: 'url(images/special.cur)' }}
/>
上班。在其他地方，我成功地从同一位置获取静态图像
<img
src="images/example.png"
/>
所以我相信服务器设置正确。
我尝试过 Chrome、Firefox 和 IE 11。
我知道一定是在做一些根本错误的事情。我该怎么做呢？
非常感谢！
编辑
（StackOverflow 似乎不同意继续评论线程，所以让我将 Josh 的最新观点作为编辑来解决。）
是的，纯 HTML 元素获取自定义光标。我同意这一定是一个语法问题，但是在 JSX 中正确的语法是cursor: url(file)什么？这就是我想要弄清楚的。再次感谢！
<body>
<input style="cursor: url(images/special.cur),auto;" type="img" src="images/example.png" />
<div id="container"></div>
...
</body>
在那里<input>获取我的特殊光标，而“容器”<div>是我的 React 组件被渲染的地方。
我也意识到我之前没有提到我在我的界面中使用 React-Bootstrap 组件。我知道 Bootstrap 添加了很多样式，但我认为在这种情况下它们不会“赢”，是吗？