Safari et les boutons submit

Bonjour,

connaissez-vous un moyen pour looker en css les boutons de formulaire et que cela fonctionne sous Safari (le fâmeux navigateur mac) ?

Ou connaissez vous un hack qui permettrait de spécifier d'autres styles pour Safari... ?

merci !

Bonjour,

Il faut utiliser un

<button type="submit">Texte bouton</button>

à la place du traditionnel

<input type="submit" value="Texte bouton"/>

Normalement, tu pourras styler le bouton en CSS sans problème...

Bonjour,

Pourquoi ne pas tout simplement te servir d'une image à la place du bouton?

En fait l'avantage de la balise

<button type="submit">...</button>

est justement de pouvoir y inclure des images, par ex. :

<button type="submit"><img alt="" src="icone.png"/> Envoyer</button>

Personnellement, je l'utilise toujours en faveur du traditionnel

<input type="submit" value="texte"/>

C'est plus souple, et bien sûr valide XHTML Strict.

Merci beaucoup Benjamin !

je vais tester cette façon de faire...
(en fait je ne souhaitais pas utiliser d'image pour que la traduction dans les différentes langues puisse se faire le plus souplement possible.)

via-Bourgogne a écrit :
je ne souhaitais pas utiliser d'image pour que la traduction dans les différentes langues puisse se faire le plus souplement possible

Tu peux éventuellement utiliser un background graphique sur lequel tu places ton texte en HTML

Salut,

sinon utilise des A avec du texte HTML et un background. Dans le onclick et/ou href tu mais

<a href="javascript:document.formulaire.submit();" title="">TEXTE</a>

sinon

<a href="" title="" onclick="document.formulaire.submit();">TEXTE</a>

Voila

A+

cetoto a écrit :
Salut,

sinon utilise des A avec du texte HTML et un background. Dans le onclick et/ou href tu mais

<a href="javascript:document.formulaire.submit();" title="">TEXTE</a>

sinon

<a href="" title="" onclick="document.formulaire.submit();">TEXTE</a>

Voila

A+

http://css.alsacreations.com/Tutoriels-JavaScript/bonnes-pratiques-javascript

Je te conseille de lire ce tutoriel, cetoto.

Ta solution rend ton bouton complètement inutilisable si Javasscript est désactivé.
Modifié par Eldebaran (26 Oct 2006 - 16:17)