Как убрать у select в стилях border-radius?

Question

[Владимир Голубь]

Как у стандартного select убрать border-radius ?

#formRequest table tr td select {
    width: 430px;
    height: 30px;
    background-color: #ffffff;
    font-size: 15px;
    border-radius: 0;
}

не работает.

Answer 1

[Алексей Николаев]

Стандартные select рендерятся при помощи двиижка браузера, поэтому ваши возмжности в кастомизации ограничены. Используйте сторонние решения для придания спискам той внешости, которую желаете.

Answer 2

[tvelforce]

Скругления остаются на mac os как правило.
Что бы решить эту проблему в стилях к селекту прописывайте:

-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;

Answer 3

[Kater-auf-Dach]

Хмм... Вроде все нормально, закруглений нет:
раз, два

Comments

[Владимир Голубь]

в сафари все есть...

[Kater-auf-Dach]

RazerVG: А так? jsfiddle.net/9asvanwL

[Владимир Голубь]

Kater-auf-Dach: Так да, но дойдет ли до клиента, что там выпадающий список ? Остается только jQuery.

[Kater-auf-Dach]

RazerVG: Добавьте стрелочку фоном: jsfiddle.net/c8c9ws99