Affecter un code CSS à un bouton "submit [Fermé]

Signaler
-
 Utilisateur anonyme -
Bonjour,

j'ai crée un bouton submit dans ma page web et le code css pour styler le bouton. Maisle le code n'est pas correctement affecté au bouton;

voila mon code html:
<div id="header"></div>
 
<div class="wrap">
 
  <ul class="menu">
    blablabla
  </ul>
 
  <ul class="disconnect">
    <p id="log_out"> 
       <input type="submit" id="leave" value="Log out"/> 
    </p>
  </ul>
 
</div>


et mon code CSS:
/* bouton de deconnexion*/
#log_out  p.button input{
	width: 30%;
	cursor: pointer;	
	background: #FF9900;
	padding: 8px 5px;
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	color: #fff;
	font-size: 24px;	
	border: 1px solid #FF9900;	
	margin-bottom: 10px;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
#log_out p.button input:hover{
	background: #FFCC00;
        border: 1px solid #FFCC00;
-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}
#log_out p.button input:active,
#log_out p.button input:focus{
	background: rgb(40, 137, 154);
	position: relative;
	top: 1px;
	border: 1px solid rgb(12, 76, 87);	
	
}
p.leave{
	text-align: right;
	margin: 5px 0;
}


merci pour votre aide

2 réponses

Messages postés
37688
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
15 janvier 2021
3 600
Salut

Pourquoi ne pas lui définir un ID ou une classe ? Ca sera plus simple
Bonjour,

je pense que tu en écris trop et le p.button cause une erreur...je n'ai pas testé mais c'est mon ressenti
#log_out  p.button input{


pourquoi ne pas mettre juste

#leave

ou
#log_out #leave

ou

#log_out input





Vous utilisé du css3, vous pourriez trouver des problème de compatibilité avec internet explorer, enfin un rendu différent
¨'°ºO׺°"~'"°º×Oº°'¨Linux est le noyau --*^v^-^v^*-- et Windows les pépins(¯'·o©º°¨¨°©o)·