remplacer un bouton submit par un bouton css Résolu/Fermé

Question

Bonjour à vous tous, 

je viens vers vous pour trouver un peu d'aide à fin de remplacer un bouton input html d'un formulaire.
J'ai crée un bouton en css à deux position avec un hover
voici mon code css
button.css3button {color:#ffffff;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 2px solid #ffffff;background:#000000; }button.css3button:hover {color:#000000;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 2px solid #000000;background:#ffffff;}
 ce que je voudrais hélas sans succès c'est l'utiliser comme input type="submit"
 <input type="submit" class="css3button" style="width: 160px;" value="envoyer">

Merci par avance

Configuration: Windows 7 / Internet Explorer 10.0

Utilisateur anonyme · Accepted Answer

Hello, Là ce que tu fais avec ton CSS c'est de styliser l'élément button.css3Button, donc

zephir94 · Answer

J'ai trouvé, j'ai crée une class submit et submit hover,

<input type="submit" class="submit" style="width: 160px;" value="Envoyer le formulaire">

Merci pour ta réponse seezer que je viens de découvrir en même temps.
Par contre malgré un border: none; dans une class

a:link {  text-decoration:none; border: none;cursor: pointer;}a:hover { color:black;border: none;cursor: pointer;}

sous safari, Google chrome et Firefox j'ai un petit cadre bleu au click autour des mes boutons css mais pas sous ie !!!
une piste ?

zephir94 · Answer

J'ai trouvé il fallait ajouter dans la class
outline-style:none;
bonne soirée

Remplacer un bouton submit par un bouton css

3 réponses

Discussions similaires