2015-08-19 29 views
7

Trên trình duyệt Edge, tôi không thể thay đổi màu phần giữ chỗ đầu vào.Trên trình duyệt Edge, làm thế nào để thay đổi màu văn bản giữ chỗ đầu vào bằng cách sử dụng CSS?

:-ms-input-placeholder không hoạt động nhưng hoạt động tốt trên IE 10 & IE 11.

input:-ms-input-placeholder { 
    font-style:italic;   
    color: red; 
    background-color: yellow; 
} 

có cách nào để nó hoạt động bằng CSS?

+0

Bạn đã thử phiên bản '-webkit' mà tôi nghĩ rằng có thể là một dự phòng cho IE-Edge không? –

+0

Vâng, tôi đã thử. Đã không làm việc. –

Trả lời

17

Từ CanIUse.com

:: - webkit-input-giữ chỗ cho (Chrome/Safari/Opera)

: -ms-input-giữ chỗ cho IE.

:: - ms-input-giữ chỗ cho Edge (cũng hỗ trợ webkit prefix)

Lưu ý cú pháp ruột đôi

+0

ruột kết kép hoạt động. Ah ... Tôi đã quên thử điều đó. Cảm ơn! –

+0

Đối với phần của tôi nó cuối cùng đã làm việc trên cạnh bằng cách sử dụng đầu vào :: - ms-input-placeholder {color: myColor;}. Nhưng nó không có đầu vào :: - ms-input-placeholder, đầu vào: -ms-input-placeholder {color: myColor;} – ken

6

Đối với phiên bản hiện hành của trình duyệt Microsoft Edge, giữ chỗ doesn' t hoạt động chính xác. Hãy xem vấn đề này Microsoft Edge placeholder bug. Nếu trình giữ chỗ không hiển thị, hãy thử xóa position: relative và độ mờ đục :-webkit-input-placeholder.

+1

Lỗi điên ... vẫn hiện diện – magicspon

+5

'transform: scale (1)' trên input itfself làm việc tốt hơn cho tôi. Trình giữ chỗ xuất hiện lại như ma thuật ... –

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