Tạo kiểu văn bản giữ chỗ bằng CSS

---

Văn bản giữ chỗ sẽ tự động kế thừa họ phông chữ và kích thước phông chữ của văn bản nhập thông thường, nhưng bạn có thể gặp trường hợp muốn thay đổi màu văn bản chỗ dành sẵn. Bạn có thể thực hiện điều đó với phần tử giả :: placeholder .

Trong ví dụ của ta , hãy xác định màu tùy chỉnh cho văn bản giữ chỗ của ta và cũng hãy overrides kích thước phông chữ được kế thừa để có văn bản giữ chỗ nhỏ hơn. Đây là kiểu đầu vào cơ sở của ta :

input[type="text"] {
  font-family: monospace;
  font-size: 20px;
  color: peru;
}

Và đây là kiểu cho văn bản giữ chỗ của ta :

::-webkit-input-placeholder {
  color: peachpuff;
  font-size: 13px;
}
::-moz-placeholder {
  color: peachpuff;
  font-size: 13px;
}
:-ms-input-placeholder {
  color: peachpuff;
  font-size: 13px;
}
::placeholder {
  color: peachpuff;
  font-size: 13px;
}

Thật không may, bạn có thể thấy rằng :: trình giữ chỗ yêu cầu một loạt tiền tố của nhà cung cấp vào lúc này.

---

---

Các tin liên quan

Các giá trị kế thừa, ban đầu và không đặt cho các thuộc tính CSS
2016-12-10
Tham chiếu bộ chọn CSS
2016-08-18
The: not Pseudo-Class trong CSS
2016-07-06
Hàm CSS attr ()
2016-06-20
Radial Gradients trong CSS
2016-06-13
Ngữ pháp tuyến tính trong CSS
2016-06-12
CSS: so khớp () Pseudo-Class
2016-06-02
Giới thiệu ngắn gọn về các biến CSS (Thuộc tính tùy chỉnh)
2016-06-01
Phát hiện tính năng trong CSS với @supports
2016-05-05
Bộ chọn thuộc tính CSS
2016-02-05