Probleme mit CSS Select Box

[pimbolie1979]

Hallo Leute,

ich habe meine Selectbox mit CSS formatiert. Jedoch macht der IE noch Probleme (siehe Screenshot).

Hier der Link zu meiner Webseite:

http://www.gastgeber-deutschland.de/vermieterbereich/objektdaten.php

Dies ist mein CSS-Code:

.styled-select select
{
    width: 185px;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    color: #666666;
    padding: 4px 0px 4px 7px;
    border: 4px solid #9EBB00;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
}


.styled-select
{
    width: 155px;
    overflow: hidden;
    border: 0px;
    background: url(../bilder/Arrow.png) no-repeat right #FFFFFF;
}

Die Select Box habe ich einfach in einen DIV-Container gesteckt. Dem Div-Container habe ich dann die Klasse zugeordnet.

 

[threadi]

Der IE unterstützt das Stylen von select-Elementen nur in Grenzen. Wenn Du die select-Element in allen Browsern einheitlich gestalten willst, müsstest Du eine JavaScript-Funktion verwenden die eine Pseudo-select-Box aufbaut, die man dann beliebig gestalten kann.

Außerdem solltest Du dir mal deinen HTML-Code genauer anschauen:
http://validator.w3.org/check?verbo...utschland.de/vermieterbereich/objektdaten.php

 

[pimbolie1979]

Mir ist bewust das man das Select Eelement nur bedingt stylen kann. Jedoch funktioniert dies bereichts schon in Firefox,Chrom, Opera. Nur leider noch nicht perfekt im IE. Und ich denke das man die letzten 10% auch noch hinbekommt. Vielleicht kennt jemand ja eine CSS Anweisung die mein Problem beseitigt.

 

[threadi]

Die gibt es für den IE nicht.

 

[pimbolie1979]

Ich denke das es eine Lösung geben wird. Denn immerhin kann man auch mit CSS die Select Box formatieren.