Не удается заставить фоновый цвет rgba () на выбранном элементе работать в Chrome

Question

Chrome версии 16.0.912.75, работающий на Vista.

Я пытаюсь применить цвет фона rgba к отключенному элементу select с непрозрачностью 0,2.

Отлично работает в Firefox и Opera, но Chrome игнорирует непрозрачность и просто показывает плоский цвет. Я уже пробовал добавить -webkit-Appearance: нет. Это исправляет альфа-значение, но удаляет часть кнопки для элемента select из вида.

Кто-нибудь знает, как создать фон с альфа-значением, а не скрыть кнопку выбора?

http://jsfiddle.net/EMSmZ/9/ <== Я отредактировал это, чтобы подтвердить, что rgba иначе работает для цвета фона, но не для выбора. Эти два поля имеют разные прозрачности фона в Chrome, но выбор не делает. </p>

---

Все равно ничего, отправлено сообщение об ошибке: http://code.google.com/p/chromium/issues/detail?id=110437

Answer 1

Я не хочу вас об этом ломать, но стилизация элементов формы с помощью CSS - это просто мешок с обидой. Есть причина, по которой все используют методы замены Javascript, чтобы изменить внешний вид элементов формы .. (за исключением текста и текстовой области)

Answer 2

Я столкнулся с той же проблемой при разработке формы для клиента. Обходной путь, который я использовал, заключался в том, чтобы установить background-color в более светлую версию (#faebe7) любого базового цвета, который я хотел использовать, в данном случае красный, вместо использования rgba(255,0,0,0.4).

Answer 3

не работает, как в Chrome 16.0.912.75 м на XP.Если вы даете непрозрачность для инвалидов: .2;это изменяет непрозрачность всего элемента.Не уверен, какой эффект вы пытаетесь достичь, возможно, покажите некоторый контекст, чтобы помочь предложить решение.