Cách tạo kiểu thuộc tính giữ chỗ trên tất cả các trình duyệt?

Question

Tôi có một phần tử như thế này <input type="text" placeholder="lorem ipsum">.

Làm cách nào để tạo kiểu thuộc tính placeholder này trong CSS, để nó hoạt động trên tất cả các trình duyệt?

Answer 1

Văn bản trình giữ chỗ trong các yếu tố đầu vào có (trong các trình duyệt thực hiện nó cho đến nay) một màu xám nhạt. Để tạo kiểu cho nó, bạn sẽ cần các thuộc tính CSS tiền tố của nhà cung cấp.

::-webkit-input-placeholder { 
    color: red; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: red; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: red; 
} 

:-ms-input-placeholder { 
    color: red; 
} 

Bạn cũng có thể kiểm tra điều này câu hỏi rất giống nhau:

• Change an HTML5 input's placeholder color with CSS