css и dropdown под IE

[vasilev]

моля ви кажете ми как да сложа class на dropdown под IE.

[css].logbut, select.logbut{ outline:none; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; font-size:13px; width:auto; background: #fbfbfb; color: #666;box-shadow:inset 0px 0px 2px #f5f5f5; border: 1px solid #ccc; padding:5px;} .logbut:hover, select:logbut:hover{color: #222;border: 1px solid #999; }[/css]



<select class="logbut">...


не става.
не искам java а само css

 

[Hous]

Ах този IE още ли го мъчим
Click

 

[vasilev]

има хора които го ползват
а нали .. да е мултифункционален сайтът..
това съм го тествал но не ми работи padding-а , background-a И shadow.

 

[Hous]

Коя версия на IE?

 

[Revelation]

Трябва да се породи една идея, всеки нов сайт да задължава потребителите да сменят това IE6/7. Според мен, минимум 8 трябва да се ползва, той 6 е вече морално остаряла работа.

 

[vasilev]

то и 9 не е добре защото не покрива css3 .. и затова и съм сложил правило IF LTE IE8 >> alert (моля използвайте по-нова версия на ие..).

със 9 опитвам и не ми изкарва класът а малко криво.
лошото е че доста хора използват стари версии и аз трябва да нагаждам.

просто се слага един Input class="logbut" И под него select class="logbut"
и се вижда разликата.

 

[Hous]

Без js фиксове аз лично не виждам решение.
:lol:

 

[stoqnski]

Опитай това:

<label>
    <select>
        <option selected> Select Box </option>
        <option>Short Option</option>
        <option>This Is A Longer Option</option>
    </select>
</label>

[css]select {
padding:3px;
margin: 0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
background: #f8f8f8;
color:#888;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursorointer;
}


label {position:relative}
label:after {
content:'<>';
font:11px "Consolas", monospace;
color:#aaa;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:8px; top:2px;
padding:0 0 2px;
border-bottom:1px solid #ddd;
position:absolute;
pointer-events:none;
}
label:before {
content:'';
right:6px; top:0px;
width:20px; height:20px;
background:#f8f8f8;
position:absolute;
pointer-events:none;
display:block;
}[/css]

мисля че трябва да схваниш идеята от примера

 

[Ex7erm1na7oR]

За ИЕ лекарство може да ползваш css3pie

 

[vasilev]

Хм .
ще го тествам това PIE само че в понеделник че нямам тук IE 789 а в работата имам.
дано помогне.
ще опитам и горния пример.

 

[vasilev]

за съжаление не дадоха ефект нито едното нито другото . с IE9 опитах.