Ẩn mặc định chọn mũi tên trong Firefox 22

Question

Sau câu trả lời này https://stackoverflow.com/a/17713753/407943

tôi đã cố gắng thực hiện các giải pháp tương tự, nhưng nó không hoạt động trên Windows 7 của tôi Firefox 22, đây là những gì tôi nhận được:

select { 
    -moz-appearance: window; 
    -webkit-appearance: none; 
    background: #f5f5f5 url("/images/arrow_down.png") right center no-repeat; 
    padding-right: 20px; 
} 
@-moz-document url-prefix() { 
.wrapper { 
    background: #f5f5f5 url("/images/arrow_down.png") right center no-repeat; 
    padding-right: 20px; 
    } 
} 

EDIT: đây là một jsfiddle http://jsfiddle.net/TGBEZ/1/

Answer 1

đây là một lỗi được biết đến của firefox mà sẽ không được sửa chữa sớm, hoặc thậm chí sau này (xem này bugzilla).

Có một tinh khiết CSS/HTML workaround:

HTML:

<div class="styled"> 
    <select></select> 
</div> 

CSS:

div.styled { 
    overflow: hidden; 
    padding: 0; 
    margin: 0; 
} 

div.styled select { 
    width: 115%; 
    background-color: rgba(0, 0, 0, 0); 
    background-image: none; 
    -webkit-appearance: none; 
    border: none; 
} 

The Fiddle

Vấn đề ở đây là bạn sẽ có để chắc chắn rằng te xt sẽ không quá lớn, nếu không nó sẽ vượt qua hình ảnh.

Ngoài ra, còn có các giải pháp javascript. Hãy xem customselect, một plugin jQuery để dễ dàng tạo các lựa chọn của riêng bạn.

Một Plugin nổi tiếng: chosen

Answer 2

Đây là giải pháp duy nhất mà thực sự làm việc cho tôi trên FF/IE/Chrome:

Customized select dropdown arrow not clickable

Answer 3

Cập nhật: lừa này ngừng làm việc như của FF 30. Không có sửa chữa khác cho đến nay. Giữ mắt của bạn trên full gist để cập nhật.

---

Làm thế nào để loại bỏ các <select> mũi tên trên Firefox:

-moz-appearance:none; không hoạt động bằng cách riêng của mình. Bạn cần thêm một số text-indent và text-overflow. Như thế này:

select { 
    -moz-appearance: none; 
    text-indent: 0.01px; 
    text-overflow: ''; 
} 

Sống dụ: http://jsfiddle.net/joaocunha/RUEbp/1/

Tìm hiểu chi tiết về ý chính sau: https://gist.github.com/joaocunha/6273016