Rétablir un style

**SebastienM** · 09/10/2008, 09h26

Bonjour,

Je rencontre un petit problème ; j'ai un style par défaut sur une balise de type input, mais je voudrais qu'il ne s'applique pas une portion de code inclue dans ma page. En gros je voudrais "désactiver" la feuille de style pour une portion de code...

Est-ce possible ?

Merci d'avance.

**HiRoN** · 09/10/2008, 10h19

Salut,

Je ne pense pas que cela soit possible (mais je me trompe peut-être).
Au mieu, il faut créer 2 styles et les appliquer en fonction.

**htr999** · 12/10/2008, 11h01

La 1ere façon est de redéfinir les styles par défaut pour ton 2eme input (cas délicat pour certaines propriétés)
La 2eme façon est de ré-organiser ton code (si tu as la possibilité de modifier ta CSS biensûr), et de mettre le style de input pour certains conteneurs (div)
( #mondiv input {...} )
et les inputs en questions dans un autre conteneur
( #autrediv input {...} )

( possibilité d'utiliser les classes également
input.type1 {...}
input.typeEnQuestion {...} )

exemple

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<head>
<style>
#test input {
	width: 20px;
	font-weight: bold;
	background-color: red;
}
 
#test2 input.style2 {
	width: 50px;
	font-weight: normal;
	background-color: #FFFFFF;
}
 
#test input.button {
	width: 80px;
	font-weight: bold;
	background-color: #C0C0C0;
}
 
#test2 input.button2 {
	width: 80px;
	font-weight: bold;
}
</style>
</head>
<body>
	<div id="test">
		<input type="text" value="test" />
		<input type="password" value="test" />
		<input class="button" type="button" value="test" />
	</div>
	<br />
	<div id="test2">
		<input class="style2" type="text" value="test2" />
		<input class="button2" type="button" value="test2" />
	</div>
</body>

en attente d'autres solutions...

Rétablir un style

CSS

Vue hybride

Discussions similaires

Partager

Partager