27816 sujets

CSS et mise en forme, CSS3

J'ai appliqué ce code css sur un bouton d'un contact forme, mais sur le mobile je ne vais pas l'appliquer, j'ai utilisé -webkit-appearance: none; mais ça ne change pas du tout. Merci pour votre aide.
.contact_form .zn_contact_submit    { -webkit-appearance: none;
		
    background: transparent;
    color: #be9d59;
    border: 2px solid #be9d59;
    border-radius: 20px !important;
    text-transform: uppercase;
		margin-left: 350px;
		margin-bottom: 20px;
		-webkit-appearance: none;

}
Bonjour. Il faut utiliser les media-queries avec un min-width.

Mais je vois un margin-left définit en pixels, s'il s'agit de modifier le positionnement le mal vient avant tout de là, il faut donc régler ce problème avant de passer à autre chose.
Voilà merci beaucoup, j'ai rajouté ce code qui a résolu le problème
@media screen and (max-width: 740px)
 { .contact_form .zn_contact_submit    { -webkit-appearance: none;
	 
margin-left: 0px;
		margin-bottom:0px;
}
}

Meilleure solution