Phông chữ, lộn xộn danh sách thả xuống tự động hoàn tất trong trình duyệt Opera

Question

Như tôi đã đề cập trong tiêu đề, khi sử dụng phông chữ css-gia đình, phông chữ tùy chỉnh (phông chữ), nó lộn xộn (nền đen, văn bản màu đen))) danh sách thả xuống hoàn toàn tự động trong Opera.

input[type='text'], input[type='password'], input[type='email'], input[placeholder] { 
    font-size: 1.2em; 
    font-family: sans-serif; 
    color: #2A873A; 
    padding-left: 25px; 
} 

Mã trên hoạt động tốt, nhưng nếu tôi thay "font-family: sans-serif;" với một số phông chữ phông chữ (phông chữ web của google quá), sau đó vấn đề bắt đầu.

Đây là ảnh chụp màn hình của "lỗi" đang hoạt động.

P.S. Tôi nên đề cập rằng đó là tự động hoàn thành bản địa của Opera, không phải tùy chỉnh js, danh sách thả xuống.

EDIT: http://jsfiddle.net/burCR/

Answer 1

Bạn đã cố gắng xác định font chữ trực tiếp trong css của bạn? ví dụ:

div.magicsomething {font-family:CustomFont,Customfont2,sans-serif;} 

Hãy ghi nhớ các yếu tố lồng gặp khó khăn với phông chữ tùy chỉnh, vì vậy nếu bạn không làm các việc trên, bạn có thể cũng rất tốt cần font-family:inherit trong 'yếu tố lồng' của bạn.

Để được trợ giúp thêm, xin vui lòng đề cập đến tên của phông chữ tùy chỉnh, css đầy đủ của bạn và một liên kết trực tiếp đến trang web

Answer 2

của bạn Mặc dù đây có thể là một cái gì đó rõ ràng, kiểm tra để chắc chắn rằng phông chữ của bạn là tương thích với Opera. Dưới đây là danh sách một số phông chữ an toàn trên web.

http://www.w3schools.com/cssref/css_websafe_fonts.asp

Và nếu điều đó không làm việc cố gắng lấy font bạn muốn từ Microsoft Word và sử dụng @fontface để chèn bạn tùy chỉnh phông chữ thay vì sử dụng một websafe một.

Và cuối cùng thử sử dụng phông chữ-gia đình của bạn trên biểu mẫu và có đầu vào kế thừa phông chữ. Hy vọng điều này sẽ hữu ích.

Answer 3

Ditto để chỉ định phông chữ trực tiếp. Bạn cũng có thể muốn thử sử dụng mã hóa base64, trong đó trải nghiệm của tôi hoạt động tốt và có khả năng tương thích trình duyệt chéo tuyệt vời.

Answer 4

Bạn có thể chỉ định màu cho cả nền và văn bản riêng lẻ.

input { 
    background-color: white; 
    color: black; 
    font-family: "My Fontface Font", Verdana, ms serif; 
}