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

html5 • • 问答

我有一个简单的光标问题：chrome 浏览器中的指针 css 但我 2 天都无法解决这个问题。我将在下面附上我的代码。请在Chrome浏览器上运行。您将无法在 Firefox 浏览器上看到图标。只有镀铬有效...

<head>
  <title>Page Title</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <style type="text/css">
        input{
            cursor: pointer;
        }
    </style>

</head>

<body>
  <input type="date" name="fileList" webkitdirectory />
  <br/>
  <input type="time" name="fileList" webkitdirectory />
</body>

回答

<style type="text/css">
  input {
    cursor: pointer;
  }
  
  input::-webkit-calendar-picker-indicator {
    cursor: pointer;
  }
</style>

<input type="date" name="fileList" webkitdirectory />

<br/>

<input type="time" name="fileList" webkitdirectory />

以上是鼠标悬停在chrome浏览器上的日期和时间选择器图标上时的光标指针的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容