Javascript 鼠标在chrome浏览器上的日期和时间选择器图标上移动时的光标指针

我有一个关于光标的简单问题：chrome浏览器中的指针css，但我有两天没能解决这个问题。我将在下面附上我的代码。请在Chrome浏览器上运行它。您将无法在Firefox浏览器上看到图标。只有chrome可以工作

页面标题
输入{
光标：指针；
}

输入{
光标：指针；
}
输入：：-webkit日历选择器指示器{
光标：指针；
}

通过以下方法，您可以实现自己的愿望：

页面标题
输入#文件选择器：：-webkit日历选择器指示器{
光标：指针；
}

问题出在哪里？这是一种浏览器功能。这与光标指针有什么关系？如果您将鼠标悬停在日期或时间选择器图标上，则鼠标光标为箭头。。。我想把它改成指针（指针）…我为输入{cursor:pointer}添加了一个新的css，但鼠标光标是输入元素上的指针。。并且是选择器图标上的箭头。。。