HTML chọn cỡ chữ

Question

Tôi đang gặp sự cố khi đặt kích thước phông chữ HTML <select> trên OS X Safari và Chrome. Về cơ bản, thuộc tính bị bỏ qua, trừ khi tôi phóng to hoặc thu nhỏ trong trường hợp thuộc tính được nhận dạng một cách kỳ diệu. Bất cứ ai nhìn thấy cùng một điều/biết một workaround? Làm việc tốt với OS X Firefox, điều này khiến tôi nghĩ đó là vấn đề về Webkit.

Answer 1

Bạn sẽ cần phải tắt phong cách OS mặc định với: -webkit-appearance: none;
(. Nếu bạn đang làm một dropdown cao theo kiểu, đây thực chất là một thiết lập lại theo phong cách hoàn toàn)

Live Demo

---

Bạn cũng có thể thử: -webkit-appearance: menulist-button;
(Mặc dù tôi không chắc chắn như thế nào khác ảnh hưởng phong cách sẽ ảnh hưởng đến thế này.)

Answer 2

Tôi chỉ cần chạy vào này là tốt, và tìm thấy một giải pháp tốt hơn so với -webkit-xuất hiện: none (mà trông rất khó khăn với tôi mà không cần thêm kiểu dáng). Bạn có thể làm cho kích thước phông chữ lớn hơn trong khi vẫn giữ giao diện webkit tiêu chuẩn nếu bạn đặt màu đường viền.

select { 
    font-size:1.2em; 
    border-color:#999; /* without this, it won't work */ 
} 

Khá ngớ ngẩn, nhưng ít nhất nó hoạt động và trong cả Chrome và Safari.