Cách căn giữa văn bản trong danh sách chọn

Question

Tôi gặp sự cố khi tạo kiểu danh sách chọn trong biểu mẫu html. Về cơ bản tôi muốn nó có kích thước phông chữ là 12px và chiều cao là 30px; Vấn đề là hộp được vẽ ở phía bên phải, nhưng hiển thị văn bản thay đổi trong mỗi trình duyệt. Trong FireFox nó làm cho nó ở góc trên bên trái. Tôi muốn căn giữa theo chiều dọc của văn bản. Bất cứ ai biết một cách để làm điều này hoặc tôi cần phải làm cho một cái gì đó tùy chỉnh ra khỏi một ul?

Cảm ơn

Answer 1

Cách duy nhất là để thả các <select> và sử dụng một <input type="text"< và <div> để cung cấp cho bạn những cảm nhận chính xác của một danh sách lựa chọn nhưng với khả năng làm tất cả mọi thứ như nó sẽ là một <li> rằng bạn có ở cuối.

Tôi sử dụng phương pháp này không hiển thị văn bản được căn chỉnh nhưng phải sử dụng biểu tượng nhỏ cho mỗi dòng. Điều này cũng cho tôi khả năng hiển thị chính xác cách tôi không muốn tìm kiếm trình duyệt nào được sử dụng.

như hình dưới đây

Answer 2

Bạn không thể tùy chỉnh đáng tin cậy <select> phần tử sử dụng CSS trong tất cả các trình duyệt.

Bạn cần kiểm soát danh sách tùy chỉnh.

Answer 3

Chúc may mắn với điều này, căn chỉnh văn bản chỉ hoạt động với các phần tử khối. Danh sách lựa chọn được định dạng bởi các trình duyệt khác nhau, vì nó là với hầu hết các phần tử trường biểu mẫu (như kiểu đầu vào của tệp). Chúc các ngày tốt đẹp hơn. Cách giải quyết mà tôi đã thấy cho điều này thực sự xấu xí.

Answer 4

Bit muộn để thêm một câu trả lời mới, tuy nhiên tôi đã xem qua câu hỏi của bạn tìm kiếm câu trả lời giống nhau và nghĩ rằng phải có một cách khác.

Hoan hô! Tôi thực sự đã tìm thấy một!

Vì vậy, đối với bất kỳ người mới đến để tìm câu trả lời này, đây là cách tôi đã đạt được điều này:

Đơn giản chỉ cần sử dụng   tự tập trung mỗi tùy chọn trong thả của bạn danh sách xuống.