css - 更改光标的颜色

Question

我正在尝试将样式应用于光标。 以下是代码

 <span style="cursor:help ; color:red; font-size:40px;">Help</span><br>

当我尝试使用颜色时：红色将文本“帮助”更改为红色。 如何使光标变红？

这是小提琴 - https://jsfiddle.net/user_123/aoubt7yv/

请帮忙。 提前谢谢。

Answer 1

游标的样式并不像你想象的那样至少不会使用传统上以DOM元素为目标的属性。

最好的方法是将cursor属性设置为包含首选光标的URL，如下所示：

/* This will change your cursor to the image at your URL */
cursor: url('{your-red-cursor-url}'), auto;

示例

.red-cursor {
  color:red; 
  font-size:40px;
  cursor: url('http://www.spacebug.50webs.com/visible.gif'), auto;
}

<div class='red-cursor'>
    Testing
  </div>

Answer 2

您可能需要将其作为图像来执行，因为color用于更改文本的颜色。

您可以尝试这样的图片：

.cursor { cursor: url(images/my-cursor-design.png), auto; }

Answer 3

尝试用带红色背景的图像替换自定义光标图像。

public override void DetachEditingControl()
{
    DataGridView dataGridView = this.DataGridView;
    if (dataGridView == null || dataGridView.EditingControl == null)
    {
        throw new InvalidOperationException("Cell is detached or its grid has no editing control.");
    }
    MoneyTextBoxEditingControl ctl = DataGridView.EditingControl as MoneyTextBoxEditingControl;
    dataGridView.CurrentCell.Value = ctl.EditingControlFormattedValue;


    base.DetachEditingControl();
}

您可以使用JavaScript，但我相信这是一个更简单的选择。