Souris invisible pour l'utilisateur

**tusssss** · 17/06/2008, 09h33

Bonjour,

Je travaille sur un projet avec un écran tactile, et pour une meilleure utilisation, nous avons estimé que l'utilisateur ne devait pas voir de souris, c'est pourquoi, j'ai créé une icone .cur transparente.

J'utilise sur ma page cette image comme suit, cependant lorsque la souris est au dessus d'un select, un input-text ou bien au dessus d'une zone vide, le curseur réapparait.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body style='cursor:url("images/souris.cur"), auto;'>

J'aimerais avoir une uniformité sur toute ma page et avoir partout ce curseur transparent, mais je me vois mal sur toutes mes pages modifier chaque balise pour y inclure cette ligne de style.

J'ai bien vérifié, il n'y a nulle part ailleurs dans ce code d'autre instruction cursor, qui pourrait contrecarrer l'action de ma ligne dans le body.

Toute aide sera la bienvenue.

Merci par avance.

**Er3van** · 17/06/2008, 10h16

Et si simplement dans ta feuille de style tu avais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
* {
    cursor:url("images/souris.cur"), auto;
}

Non ?

**cedricbaudry.com** · 17/06/2008, 10h34

je suis d'accord avec erevan, mais à quoi sert le auto ? moi ca marche très bien sans..

**tusssss** · 17/06/2008, 10h42

Ca fonctionne pas mal, sauf sur les inputs de formulaires ainsi que les liens ou la souris s'affiche toujours.

Du coup, j'ai remis le code sur les liens dans ma feuille de style sur a et sur les input, ça a fonctionné pour les liens mais pas pour les input...

Correction c'est pour les select que ca ne fonctionne pas et non pas pour les input sur lesquels ca marche très bien.

**cedricbaudry.com** · 17/06/2008, 10h55

je te propose de mettre ca dans ton css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
* {
cursor: none;
}

ca marche parfaitement pour moi sous FF3 (qui sort aujourd'hui)..
après si c'est un écran tactile, c'est donc pour un usage spécifique, donc tu peux très bien optimiser ton site pour FF

**tusssss** · 17/06/2008, 11h08

Envoyé par cedricbaudry.com

je te propose de mettre ca dans ton css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
* {
cursor: none;
}

ca marche parfaitement pour moi sous FF3 (qui sort aujourd'hui)..
après si c'est un écran tactile, c'est donc pour un usage spécifique, donc tu peux très bien optimiser ton site pour FF

L'usage se fera sur IE7 pour 'instant, ce sont les voeux de l'entreprise où je travaille. Mais content que cela existe enfin quelque part, c'est la première instruction que j'ai essayé au hasard quand je tentais ma chance

L'important c'est que ca à l'air de fonctionner avec le code de Er3van sauf sur les select où même en écrivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
select
{
     cursor:url("images/souris.cur"), auto;
}

Le auto est ici uniquement au cas ou, le navigateur ne trouvait pas l'image.

**cedricbaudry.com** · 17/06/2008, 12h40

si le navigateur ne trouve pas l'image, le auto se fera tout seul

**FremyCompany** · 25/06/2008, 15h52

Pour être encore plus sûr, je propose cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

*, a, input, select, button { cursor: url(...), none !important; }

Le ",auto" est inutile car c'est ce qui se produit de toute façon si aucun autre curseur n'est valide.

Souris invisible pour l'utilisateur

CSS

Discussions similaires

Partager

Partager