ugrás a tartalomhoz

CSS reset avagy az alapértelmezett értékek visszaállitása

troy1979 · 2010. Júl. 20. (K), 14.08
Sziasztok

van néhány pár form elemem mindegyikhez 1-1 css class-al

Hogyan tudom elérni, hogy ezek a form elemek úgy nézzenek ki mintha a semmilyen css osztály nem lenne hozzájuk rendelve?

A html kódon sajnos nem tudok módositani ( vagyis a class-t nem tudom törölni a html kódból) ( pedig ez lenne a legegyszerübb megoldás)

Szóval a kérdésem , hogy a .valami css osztályt hogy tudnám úgy felülirni, mintha az adott elemhez nem lenne semmilyen css osztály rendelve (vagyis az adott form elem úgy jelenik meg ,ahogy a böngésző alapértelezetten megjeleniti)

Lehet, hogy triviális dolog, és csak én nem találom a választ...

Elöre is köszi a segitséget
‹ Eltünt honlapok Alpha Image ›
 ■
1

firebug

Gixx · 2010. Júl. 20. (K), 15.53
Firebuggal megnézed, hogy az adott elemre mi minden vonatkozik (minden, ami nincs áthúzva).

Ezután a css fájl végére csinálsz egy új .valami definíciót és belírod mindazt, amit a firebugban láttál.

Ezután a http://www.w3schools.com/css/css_reference_atoz.asp oldalon végignézed a szükséges definíciókat és a default értékre cseréled (auto, inherit, trasnparent stb) és utána írod, hogy !important. Pl.:

.valami{
  position: static !important;
  left: auto !important;
  margin: 0 !important;
  color: inherit !important; 
  /* az IE egyik final verziója sem támogatja az inheritet */
  /* inherit helyett érdemes konkrét értéket adni pl. color esetén #000; */
}
Ha a böngésző alapértelmezést akarod, akkor ezt javaslom.
2

jquery

Pisti20 · 2010. Aug. 2. (H), 13.31
vagy jqueryvel simán megfosztod azt az egy elemet az osztálytól az idje definiálásával.
pl

<div class="a"></div>
<div class="a" id="b"></div>
<div class="a"></div>
<div class="a"></div>

js
$("#b").removeClass();
3

Stílusöröklés ellen ez

Ifju · 2010. Aug. 2. (H), 14.27
Stílusöröklés ellen ez szerintem nem működik.

Ha jól értem ilyesmi a helyzet:

<div class="a">
  <input id="vmi_data" type="text" />
</div>
Itt a $("#vmi_data").removeClass(); hívás nem változtat semmit.