Comment obtenir le curseur pour modifier à la main lorsque vous survolez un <button> tag

Lors de l'affichage de mon site, le curseur change seulement de la main gantée pour <a> balises, pas <button> balises. Est-il une raison pour cela?

Voici mon code (le bouton balises ont un id de #plus en css3).

 #more {
    background:none;
    border:none;
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
}

Il y a justification pour cela. Et dans l'histoire, si vous suivez les liens. La modification actuelle du curseur par défaut styles définis par des vendeurs n'est pas nécessaire (si vous concevez bien vos boutons et utiliser le bon élément, soit d'un ou de soumettre ou d'un bouton)

InformationsquelleAutor Matt Murphy | 2012-01-06

css mouse-cursor

67

voir:
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

si vous avez besoin d'ajouter: cursor:pointer;

Dans votre cas d'utilisation:
```
#more {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}
```
Cela permettra d'appliquer le curseur sur l'élément avec l'ID "plus" (peut être utilisée une fois seulement). Donc, dans votre code HTML à utiliser
```
<input type="button" id="more" />
```
Si vous voulez l'appliquer à plus d'un bouton, alors vous avez plus qu'une possibilité:

l'aide de la CLASSE
```
.more {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}
```
et dans votre code HTML à utiliser
```
<input type="button" class="more" value="first" />
<input type="button" class="more" value="second" />
```
ou s'appliquent à un contexte html:
```
input[type=button] {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}
```
et dans votre code HTML à utiliser
```
<input type="button" value="first" />
<input type="button" value="second" />
```
- Lien dans la réponse semble mort.
- Je pense que le lien doit être wiki.selfhtml.org/wiki/CSS/Eigenschaften/..., mais je ne suis pas sûr. Peut-être que @Thomas peut vous aider?
- Le sélecteur pour tous les sélectionnant le bouton d'entrée des éléments (input[type=text]) est incorrect. Cela doit être: input[type=button].
InformationsquelleAutor Thomas
20

Il suffit d'ajouter ce style:
```
cursor: pointer;
```
La raison pour laquelle il n'est pas le cas par défaut est parce que la plupart des navigateurs réserve le pointeur de liens (et peut-être quelques autres choses que j'oublie, mais généralement pas <button>s).

Plus sur le cursor propriété: https://developer.mozilla.org/en/CSS/cursor

J'ai l'habitude de l'appliquer à <button> et <label> par défaut.

NOTE: j'ai juste pris ce:

le bouton balises ont un id de #more

Il est très important que chaque élément a sa propre et unique id, vous ne pouvez pas avoir des doublons. Utiliser le class attribut au lieu de cela, et de changer votre sélection de #more à .more. C'est tout à fait une erreur commune qui est la cause de beaucoup de problèmes et de questions posées ici. Le plus tôt vous apprendre comment utiliser id, mieux c'est.

InformationsquelleAutor Wesley Murch
6

Tous besoin d'u est d'utiliser l'une de l'attribut CSS , qui est---->

curseur:pointeur

il suffit d'utiliser cette propriété en css , peu importe son inline interne ou externe

par exemple(pour les css)
```
<form>
<input type="submit" style= "cursor:pointer" value="Button" name="Button">
</form>
```
InformationsquelleAutor Aashish

 #more {
    background:none;
    border:none;
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
    cursor: pointer;
}

InformationsquelleAutor Lem Lordje Ko

Vous devez vous connecter pour publier un commentaire.