Remplacer un bouton submit par un bouton css
Résolu
zephir94
Messages postés
26
Statut
Membre
-
zephir94 Messages postés 26 Statut Membre -
zephir94 Messages postés 26 Statut Membre -
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
Merci par avance
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
ce que je voudrais hélas sans succès c'est l'utiliser comme input type="submit"
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;
}
<input type="submit" class="css3button" style="width: 160px;" value="envoyer">
Merci par avance
3 réponses
-
Hello,
Là ce que tu fais avec ton CSS c'est de styliser l'élémentbutton.css3Button
, donc<button class="css3Button">
Mais ça ne correspond pas à ton<input type="submit" class="css3Button"/>
.
Ce qu'il faut c'est :
- changer ton html :<button type="submit" class="css3Button"/>
- changer ton css :input[type="submit"].css3Button{ .... } -
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 ? -
J'ai trouvé il fallait ajouter dans la class
outline-style:none;
bonne soirée
