Không quan trọng những gì tôi làm, sử dụng Mac OSX 10.9.2 và Chrome Phiên bản 33.0.1750.152, padding, background-color, không có gì hoạt động. Tôi thực sự chỉ muốn áp dụng một hình ảnh padding-top và padding-bottom của 5px trên một yếu tố select, hoạt động ở mọi nơi ngăn Chrome trên MAC OSX. Đưa cái gì? Làm thế nào để làm điều này trên toàn cầu trên tất cả các nền tảng ??Làm cách nào để áp dụng CSS cho một hộp chọn Chrome Chrome?
Bạn cần áp dụng -webkit-appearance:none; khi thêm CSS để chọn các phần tử trong trình duyệt webkit.
Thêm thuộc tính sau đây để lựa chọn của bạn trong file css của bạn:
-webkit-appearance:none;
Ok, nhưng tôi muốn mũi tên trong hộp chọn, nhưng chỉ muốn thêm phần đệm. '-webkit-appearance: none' loại bỏ mũi tên cho hộp chọn, nhưng làm thế nào để lấy lại nó? –
@ Almog_0 câu trả lời sửa chữa các vấn đề mũi tên. – Mike
Có lựa chọn tốt hơn để đạt được một thiết kế tự nhiên:
height:30px;
background:#ffffff;
ps
Câu trả lời của Vector đang ẩn các mũi tên ở bên phải.
Oh wow, do đó, padding không hoạt động, nhưng chiều cao và biên giới làm gì ?! Có vẻ rất tùy ý .. – Erfan
Chà, điều này có áp dụng cho bất kỳ trình duyệt nào khác không? Hay chỉ là Chrome? Ý tôi là, các trình duyệt khác có tiền tố cho điều này không? –
Ok, nhưng tôi muốn mũi tên trong hộp chọn, nhưng chỉ muốn thêm phần đệm. '-webkit-appearance: none' loại bỏ mũi tên cho hộp chọn, nhưng làm thế nào để lấy lại nó? –
Bạn có thể sử dụng hình nền TUTORIAL http://bavotasan.com/2011/style-select-box-using-only-css/ – Vector