Heizer: disabled formatieren

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

  1. 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

    1. 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

      1. 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

        1. 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...

          1. Sorry, das Bild kam nicht an:

          2. 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

            1. 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

              1. 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

            2. 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