28127 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai utilisé Contact Form 7 en plugin Wordpress pour faire mon formulaire mais j'ai un petit soucis.

URL : trustin.io/formulaire-experts/

Quand on saisit son nom, le champ a une bordure vert foncé, parfait.
En revanche pour les listes déroulantes, la couleur varie selon que je suis sur Chrome (bleu) ou Firefox (noir ou gris), comment mettre le vert foncé.
Et le champ Motivations qui est un textarea n'a pas de bordure quand je saisis mon message.

Merci pour votre aide et bonne journée !
Pour le textarea


textarea:focus,select:focus {
outline: none !important;
border: 1px solid #187d70!important;
}

Modifié par JENCAL (16 Dec 2015 - 10:43)
Bonjour,

Il s'agit du outline que Chrome, et probablement les autres navigateurs, mettent au focus d'un élément de formulaire.
Pour l'enlever et mettre le même focus que sur tes input text :
.wpcf7 select:focus {
    outline: none;
    border-color: #187D70;
}


EDIT : j'suis un peu en retard sur ce coup là Smiley langue
Modifié par SolidSnake (16 Dec 2015 - 11:02)