Discussion :

[kevinf]

Bonjour,

j'ai ce code CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
input {
    font-family: Arial, Helvetica, sans-serif;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;	
	background-color: #CCFFCC;	
	border-color: #000000;
}

Qui s'applique sur tout mes input, mais je voudrais que cela ne fasse rien pour mes input type="radio", comment faire?

Merci

[djoyeux]

bas crée une class pour tes bouton radio type:
input.radio {}

et applique la aux input type radio..

[kevinf]

J'ai mis ca dans le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

input.radio {}

Mon input radio :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input tupe='radio' class='radio'>

Et bien j'ai toujours le style des input général qui s'applique.

[djoyeux]

Il faut mettre quelques attributs quand même dans ta class


type:

input.radio {
Arial, Helvetica, sans-serif;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
background-color: #CCFFCC;
border-color: #000000;
}

[kevinf]

Bon, ca marche pas, tant pis je vais mettre une class à chaque input.

[djoyeux]

y'a vraiment pas de raison que ça marche pas.

moi j'utilise cette class elle marche bien.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
INPUT.transparent {
	BORDER-BOTTOM: 0px solid #333;
	BORDER-LEFT: 0px solid #333;
	BORDER-RIGHT: 0px solid #333;
	BORDER-TOP: 0px solid #333;
	background: transparent;
}

[kevinf]

Merci, ca marche, merci.