ugrás a tartalomhoz

disabled és readonly html inputok default css-e firefox-ban

troy1979 · 2010. Dec. 3. (P), 19.21
Sziasztok,

Az lenne a kérdésem , hogy hogyan tudnám firefox-ban megnézni a readonly illetve a disabled input-okhoz tartozó default css formázásokat/beállitásokat?

( border/háttérszin stb)
‹ ajax problema OnClick esemény ENTER nyomásra??? ›
 ■
1

Firebug

Poetro · 2010. Dec. 3. (P), 19.49
Elindítasz egy Firefoxot, betöltesz bele egy oldalt, amiben megvannak a megfelelő elemek. Betöltöd a Firebug kiegészítőt, és annak a Computed Style fülére állsz .

Ha az nem tetszik, akkor megnézheted a Style fülön bekapcsolod a Show User Agent CSS.


Ezekkel csak az a probléma, hogy ha másik témát telepítesz, akkor ezek természetesen változhatnak, azaz nem számítanék ezekre.
2

Még 1 kérdés

troy1979 · 2010. Dec. 6. (H), 17.51
Köszi a gyors választ

nem kell mindennek tökéletesen ugyanolyannak lennie, a cél csak az hogy hasonló legyen :)


Még 1 hülye kérdésem lenne:


melyik CSS vagy DOM property határozza azt meg, hogy a read-only input-ban (pl textfield) simán lehet görgetni a szöveget

(vagyis 1 hosszú szöveg esetén ha a textbox-ba kattint akkor a szövegdobozban villog a kurzor, és a kurzor-billentyük segitségével lehet mozgatni a kurzort/görgetni a szöveget egészen a végéig ) a disabled texfieldbe meg nem lehet kattintani/nem lehet görgetbu a benne lévő szöveget

Ezt a viselkedést mi szabályozza?
3

disabled

Poetro · 2010. Dec. 6. (H), 18.05
input[disabled], textarea[disabled], option[disabled], optgroup[disabled], select[disabled] {
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    background-color: threedface;
    color: graytext;
    cursor: inherit;
}
Ez természetesen csak Firefox alatt működik. De ez természetesen nem akadályozza meg a görgetést, a doboz tartalmát továbbra is lehet egérrel görgetni.

JavaScripttel természetesen megoldható, hogy egy nem disabled elembe se kaphasson focus-t. Egyszerűen:
elem.onfocus = function () {
  this.blur();
  return false;
}