Trong cả Safari và Chrome, thuộc tính placeholder
dường như thêm chiều rộng vô hình, làm cho thanh cuộn ngang và hiển thị giống như nhấp nháy khi cửa sổ được định kích thước theo chiều ngang.Văn bản Trình giữ chỗ HTML5 Thêm Chiều rộng Trong Safari Gây Thanh cuộn và Nhấp nháy
overflow: hidden;
có thể được áp dụng cho phần tử gốc để hạn chế vấn đề. Tuy nhiên, nó sẽ ghi lại các hiệu ứng lấy nét trường biểu mẫu của tôi.
Có cách nào để sử dụng một số giá trị tiền tố của nhà cung cấp nhất định để ngăn chặn điều này chẳng hạn như ::-webkit-input-placeholder {}
hoặc một số cách khác không?
Khi thuộc tính được thêm vào đầu vào biểu mẫu, thanh cuộn ngang sẽ nhấp nháy khi được định kích thước theo chiều ngang trên trình duyệt webkit. Cụ thể, phong cách nào đang kích hoạt hành vi này? Và làm cách nào để ngăn chặn hoặc ghi đè hành vi này !?
Có tình yêu nào không? Tôi đoán là chủ nhật. Cấp được khá nhiều phong cách thừa hưởng như tôi đang sử dụng một hệ thống lưới điện, nhưng nếu có ai có thể chỉ cho tôi đi đúng hướng bằng cách sử dụng FireBug hoặc bất kỳ lời khuyên nào khác sẽ được nhiều người đánh giá cao! –
Tôi đang sử dụng phiên bản Chrome mới nhất và chưa trải qua nhấp nháy? Bạn có cơ hội sử dụng và chuyển tiếp CSS3 hoặc hoạt ảnh? – Ben
Không, tôi đã loại bỏ tất cả CSS ngoại trừ đầu vào [type = "text"] {width: 100%; }. Tôi đã thử nghiệm liên kết tôi đã cung cấp ở trên trên tất cả các trình duyệt chính cả PC và Mac OSX. Điều này thường có thể không phải là một vấn đề lớn, nhưng tôi đang làm việc trên một thiết kế đáp ứng và khung nhìn di động về cơ bản có thể trở thành "rèm" với hệ thống lưới điện của tôi. –