2015-07-26 18 views
8

Tôi gặp sự cố kỳ lạ trên iOS (8.4) Safari với đầu vào văn bản trên trang web, nơi con trỏ đầu vào hiển thị bên phải và bên ngoài hộp nhập của tôi khi tôi áp dụng kích thước phông chữ, chiều rộng và đệm để tạo kiểu như tôi muốn (và để ngăn tự động thu phóng trên tiêu điểm).Con trỏ nhập văn bản iOS Safari xuất hiện bên ngoài hộp nhập

Ảnh chụp màn hình cho thấy vấn đề dưới đây:

Cursor showing to right of input box

Tôi đang áp dụng các phong cách sau đây trong CSS của tôi để các yếu tố đầu vào (loại email):

font-size: 16px; width: 96%; padding: 2%; 

Đó là đựng được khối hiển thị, không có lề hoặc đệm và độ rộng 100%.

Và tôi đã tag viewport thiết lập như vậy:

<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 

Đây có phải là một lỗi đã biết và có một cách giải quyết? Hoặc có điều gì đó trong CSS của tôi đang gây ra sự cố này không?

+0

Ngoài ra, hãy xem [di chuyển đầu vào iOS Safari 8 này] (http://stackoverflow.com/questions/28544163/ios-safari-8-input-overflow-scroll), một điều rất thú vị nữa. – Stickers

+0

https://stackoverflow.com/questions/46339063/ios-11-safari-bootstrap-modal-text-area-outside-of-cursor/47710508#47710508 –

Trả lời

1

Bạn đã thử thêm overflow: hidden vào CSS <input>? Tôi không có một thiết bị chạy iOS 8.4, nhưng có vẻ như nó nên làm các trick.

Các vấn đề liên quan