4 votes

Pointeur de curseur au passage de la souris sur l'icône du sélecteur de date et d'heure dans le navigateur chrome

J'ai un problème simple avec cursor : pointer css dans le navigateur chrome mais je n'ai pas pu résoudre ce problème pendant 2 jours. Je vais joindre mon code ci-dessous. Veuillez l'exécuter sur le navigateur Chrome. Vous ne serez pas en mesure de voir les icônes sur le navigateur Firefox. Seul Chrome fonctionne...

<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" id="filepicker" name="fileList" webkitdirectory />
  <br/>
  <input type="time" id="filepicker" name="fileList" webkitdirectory />
</body>

le résultat sera comme ci-dessus. enter image description here

Si je passe la souris sur les icônes (parties rouges), alors elles n'apparaissent que sous forme de flèches Je veux le changer en pointeur. Veuillez m'aider si vous avez de l'expérience.

Merci.

11voto

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

  input::-webkit-calendar-picker-indicator {
    cursor: pointer;
  }
</style>

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

<br/>

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

3voto

Hossein Mousavi Points 439

Avec l'approche suivante, vous pouvez obtenir ce que vous désirez :

<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#filepicker::-webkit-calendar-picker-indicator {
      cursor: pointer;
    }

  </style>
</head>

<body>
  <input type="date" id="filepicker" name="fileList" webkitdirectory style="cursor: pointer" />
  <br />
  <input type="time" id="filepicker" name="fileList" webkitdirectory />
</body>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X