::grammar-error
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Phần tử giả ::grammar-error trong CSS đại diện cho một đoạn văn bản mà user agent đã đánh dấu là sai ngữ pháp.
Phần tử giả ::grammar-error tuân theo mô hình kế thừa đặc biệt chung cho tất cả các phần tử giả highlight. Để biết thêm chi tiết về cách kế thừa này hoạt động, xem phần Kế thừa của các phần tử giả highlight.
Các thuộc tính được phép sử dụng
Chỉ một tập hợp nhỏ các thuộc tính CSS có thể được dùng trong quy tắc có ::grammar-error trong bộ chọn:
colorbackground-colorcursorcaret-coloroutlinevà các thuộc tính dài hạn của nótext-decorationvà các thuộc tính liên quantext-emphasis-colortext-shadow
Cú pháp
css
::grammar-error {
/* ... */
}
Ví dụ
Kiểm tra ngữ pháp tài liệu cơ bản
Trong ví dụ này, các trình duyệt hỗ trợ sẽ làm nổi bật bất kỳ lỗi ngữ pháp nào được phát hiện với các kiểu được hiển thị.
HTML
html
<p contenteditable spellcheck="true">
My friends is coming to the party tonight.
</p>
CSS
css
::grammar-error {
text-decoration: underline red;
color: red;
}
Kết quả
Thông số kỹ thuật
| Specification |
|---|
| CSS Pseudo-Elements Module Level 4 # selectordef-grammar-error |