depp: Klasse nicht auf select box anwendbar

tag

habe ne klasse:
.INPUT
{
    Border: 1px solid orange;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #ffffff;
}

diese verwende ich z.b. für meine textboxen usw.
nun will ich, dass die selectbox gfenau so aussieht.
warum reicht es nicht, hierfür class="input" zu schreiben?
bzw wie geht es dann?

danke

  1. Hi,

    .INPUT
    warum reicht es nicht, hierfür class="input" zu schreiben?

    1.) es darf gar nicht wirken

    All CSS style sheets are case-insensitive, except for parts that are not under the control of CSS. For example, the case-sensitivity of values of the HTML attributes "id" and "class", of font names, and of URIs lies outside the scope of this specification.  (siehe http://www.w3.org/TR/REC-CSS2/syndata.html#q4)

    class = cdata-list [CS]
    (siehe http://www.w3.org/TR/html401/struct/global.html#adef-class)

    und dazu noch

    CS
        The value is case-sensitive (i.e., user agents interpret "a" and "A" differently).
    (siehe http://www.w3.org/TR/html401/types.html#case-sensitive)

    class="input" hat also nichts mit .INPUT zu tun. Passe die Schreibweise an.

    2.) selbst mit korrektem Selektor wird es in vielen Fällen nicht klappen.
    Die meisten Browser unterstützen CSS bei select-Elementen nicht vollständig.

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.Mud-Guard.de/
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Passe die Schreibweise an.

      hab nun alles klein gemmacht...
      »»Die meisten Browser unterstützen CSS bei select-Elementen nicht vollständig.
      was hab ich dann für ne möglichkeit, dass auch dieses element den andren feldern gleicht?
      (es geht hauptächlich um den orangen soliden 1px breiten rahmen...)

      danke

      1. Moin moin

        was hab ich dann für ne möglichkeit, dass auch dieses element den andren feldern gleicht?
        (es geht hauptächlich um den orangen soliden 1px breiten rahmen...)

        1.) Teile den Besuchern mit, daß ihr Browser sch*** ist, wenn es nicht klappt und daß sie sich auf Deiner Seite NIE wieder blicken lassen sollen, weil Sie sich weigern dein tolles Design anzeigen zu lassen oder (schon ernster gemeint)

        2.) Lass den leuten den Ihnen bekannten Standard, an den sie sich gewöhnt haben - besser alles einheitlich im Standard, als Verwirrung durch uneinheitlich gestaltete Elemente, die optisch nciht zusammenzugehören scheinen, obwohl sie inhaltlich zueinander gehören...

        Gruß,
        Marc.

        --
        sh:( fo:| ch:? rl:? br:> n4:& ie:% mo:} va:} de:] zu:) fl:( ss:| ls: js:(
        http://www.peter.in-berlin.de/projekte/selfcode/?code=sh%3A%28+fo%3A%7C+ch%3A%3F+rl%3A%3F+br%3A%3E+n4%3A%26+ie%3A%25+mo%3A%7D+va%3A%7D+de%3A%5D+zu%3A%29+fl%3A%28+ss%3A%7C+ls%3A+js%3A%28
  2. Moin moin

    habe ne klasse:
    .INPUT
    {
        Border: 1px solid orange;
        FONT-STYLE: normal;
        FONT-FAMILY: Tahoma;
        BACKGROUND-COLOR: #ffffff;
    }

    diese verwende ich z.b. für meine textboxen usw.
    nun will ich, dass die selectbox gfenau so aussieht.
    warum reicht es nicht, hierfür class="input" zu schreiben?
    bzw wie geht es dann?

    Zunächst einmal: Beschäftige Dich ein bißchen mit Grundlagen. Das fängt schon bei der Schreibweise an: entweder klein oder groß.

    Ansonsten sehe ich keinen Grund, warum es nicht klappen sollte... - vielleicht hast Du ja Fehler in der Seite. Oder (in Deiner CSS-Datei) steht _nach_ .INPUT nocht etwas zur Formatierung von Select-Boxen, was die Klasse input (oder doch INPUT) überschreibt...

    Das weiß man aber nur, wenn wir Deine CSS-Datei sehen dürfen...

    Noch ein gut geminter Rat zum Schluß: VALIDIEREN, VALIDIEREN, VALIDIEREN!

    Gruß,
    Marc.

    --
    sh:( fo:| ch:? rl:? br:> n4:& ie:% mo:} va:} de:] zu:) fl:( ss:| ls: js:(
    http://www.peter.in-berlin.de/projekte/selfcode/?code=sh%3A%28+fo%3A%7C+ch%3A%3F+rl%3A%3F+br%3A%3E+n4%3A%26+ie%3A%25+mo%3A%7D+va%3A%7D+de%3A%5D+zu%3A%29+fl%3A%28+ss%3A%7C+ls%3A+js%3A%28
    1. Moin moin

      Ansonsten sehe ich keinen Grund, warum es nicht klappen sollte...

      Ach ja - außer du verwendest einen Browser, der CSS bei Select-Boxen nciht unterstützt...

      Noch ein gut gemeinter Rat zum zweiten Schluß: TESTEN, TESTEN, TESTEN!

      Gruß,
      Marc.

      --
      sh:( fo:| ch:? rl:? br:> n4:& ie:% mo:} va:} de:] zu:) fl:( ss:| ls: js:(
      http://www.peter.in-berlin.de/projekte/selfcode/?code=sh%3A%28+fo%3A%7C+ch%3A%3F+rl%3A%3F+br%3A%3E+n4%3A%26+ie%3A%25+mo%3A%7D+va%3A%7D+de%3A%5D+zu%3A%29+fl%3A%28+ss%3A%7C+ls%3A+js%3A%28