Không thể tạo màu nền rgba() trên phần tử lựa chọn hoạt động trong Chrome

Question

Phiên bản Chrome 16.0.912.75 m chạy trên Vista.

Tôi đang cố gắng áp dụng màu nền rgba cho phần tử đã chọn bị tắt, với độ mờ là 0,2.

Nó hoạt động tốt trong Firefox và Opera, nhưng Chrome bỏ qua độ mờ đục và chỉ hiển thị màu phẳng. Tôi đã thử thêm -webkit-appearance: none. Điều này sửa chữa giá trị alpha, nhưng loại bỏ phần nút cho phần tử chọn từ chế độ xem.

Có ai biết cách đặt nền với giá trị alpha và không ẩn phần nút được chọn không?

http://jsfiddle.net/EMSmZ/9/ < == Tôi đã chỉnh sửa điều này để xác nhận rằng rgba đang hoạt động với màu nền, nhưng không phải để chọn. Hai hộp có độ trong suốt nền khác nhau trong Chrome, nhưng các lựa chọn thì không.

---

Vẫn không có gì, đệ trình một báo cáo lỗi: http://code.google.com/p/chromium/issues/detail?id=110437

Answer 1

không làm việc như là trong chrome 16.0.912.75 m trên XP. NẾU bạn cung cấp độ mờ đục: .2; nó thay đổi độ mờ đục của toàn bộ phần tử. Không chắc chắn bạn đang cố gắng đạt được hiệu quả nào, có thể hiển thị một số ngữ cảnh để giúp đưa ra giải pháp.

Answer 2

Tôi đã gặp phải sự cố tương tự khi phát triển biểu mẫu cho khách hàng. Cách giải quyết mà tôi đã sử dụng là đặt background-color thành phiên bản nhẹ hơn (#faebe7) của bất kỳ màu cơ bản nào tôi muốn sử dụng, trong trường hợp này là màu đỏ, thay vì sử dụng rgba(255,0,0,0.4).

Answer 3

Tôi ghét phá vỡ điều này với bạn, nhưng các yếu tố tạo kiểu dáng bằng CSS chỉ là một túi bị thương. Có một lý do khiến mọi người sử dụng kỹ thuật thay thế Javascript để thay đổi giao diện của các phần tử biểu mẫu .. (ngoại trừ văn bản và vùng văn bản)