disabled formatieren
Heizer
- css
0 Thomas J.S.0 Heizer0 Thomas J.S.0 Heizer0 Screenshot
Heizer0 Thomas J.S.
Liebes Forum, guten Morgen
Ich wollte ein CSS Format für Formularfelder schreiben, die disabled wurden. bei input funktionierte das mit input[disabled] auch wunderbar (zumindest im Mozilla), aber bei <select>-Feldern zeigt er immer ein furchtbar häßliches (zumidest in meiner Seite) grau an, das man weder mit background noch mit color wegbekommt. kennt da jemand einen Trick, oder ist das absicht? (oder ein Bug).
Danke
Heizer
Hallo,
Ich wollte ein CSS Format für Formularfelder schreiben, die disabled wurden. bei input funktionierte das mit input[disabled] auch wunderbar (zumindest im Mozilla), aber bei <select>-Feldern zeigt er immer ein furchtbar häßliches (zumidest in meiner Seite) grau an, das man weder mit background noch mit color wegbekommt. kennt da jemand einen Trick, oder ist das absicht? (oder ein Bug).
Ich weiss nicht was du meinst, bei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<form>
<select name="bla">
<option value="1">aaaaaaaaaaaaa</option>
<option value="2">bbbbbbbbbbbbbb</option>
<option value="3" disabled>ccccccccccccc</option>
<option value="4">ddddddddddddd</option>
<option value="5">eeeeeeeeeeee</option>
</select>
</form>
</body>
</html>
zeigt mir Mozilla 1.0 die Option "ccccccccccccc" mit der Schriftfarbe "silver" und mit weissem Hintergrund.
Grüße
Thomas
Hi
folgender Fall:
HTML:
<select size='1' disabled>
<option>aaaaaa</option>
<option>bbbbbb</option>
</select>
CSS:
select[disabled] {
background:#a22;
color:#000;
}
Jetzt wird bei MOzilla das select-feld grau, da offenbar das attribut background nur fuer einen ganz kleinen Teil des Selectfeldes greift, der Hauptteil aber von Mozilla selbst formatiert wird.
Heizer
Hallo,
Jetzt wird bei MOzilla das select-feld grau, da offenbar das attribut background nur fuer einen ganz kleinen Teil des Selectfeldes greift, der Hauptteil aber von Mozilla selbst formatiert wird.
Ich weiss noch immer nicht was du meinst:
select[disabled] {
background:red;
color:#000;
}
<img src="http://www.meta-text.net/etc/select_1.jpg" border=0 alt="">
Wenn du meinst, dass so dir Schrift nicht zu sehen ist, hast du recht. Das macht Mozilla alleine.
Grüße
Thomas
Hi
Vielleicht liegt es an meinem Built: 2002101612 (1.2 Beta)
Ich habe jetzt auch mal ein Beispiel in Netz gestellt.
Die Datei ist unter http://www.jester-records.de/testarea/select_test.html zu finden, und hier meine Anzeige:
<img src="http://www.jester-records.de/testarea/select_test.gif" border=0 alt="">
Sollte das wirklich nur in meinem Built so dargestellt werden, dann gibt es ja hoffnung...
Sorry, das Bild kam nicht an:
Hallo0,
Die Datei ist unter http://www.jester-records.de/testarea/select_test.html zu finden, und hier meine
---------
Object not found!
The requested URL was not found on this server.
The link on the referring page seems to be wrong or outdated. Please inform the author of that page.
In case you entered the URL manually please check your spelling and try again.
In case you think this is a server error, please contact the Webmaster.
Error 404
-----------
Grüße
Thomas
Hallo0,
Die Datei ist unter http://www.jester-records.de/testarea/select_test.html zu finden, und hier meine
Sorry, bin wohl überarbeitet:
http://www.jester-records.org/testarea/select_test.html
Hallo,
Sorry, bin wohl überarbeitet:
http://www.jester-records.org/testarea/select_test.html
Mozilla 1.0.1 macht es auch Richtig:
[imgage:http://www.meta-text.net/etc/select_2.jpg]
Es liegt also an deiner Mozilla-Version.
Grüße
Thomas
Habe mich an die höchste Autorität gewandt, scheint wohl ein Bug zu sein:
http://bugzilla.mozilla.org/show_bug.cgi?id=177569
cu
Heizer