Pseudo-class :modal trong CSS

Định nghĩa và cách sử dụng

CSS :modal Pseudo-class được sử dụng để chọn và đặt樣式 cho các phần tử ở trạng thái modal.

Mô hình

Chọn và đặt樣式 cho các phần tử ở trạng thái modal:

:modal {
  background-color: gold;
  border: 2px solid maroon;
  border-radius: 8px;
  font-size: 20px;
}

Thử ngay

Ngữ pháp CSS

:modal {
  các định nghĩa CSS;
}

Chi tiết kỹ thuật

Phiên bản: CSS4

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-class.

Chrome Edge Firefox Safari Opera
105 105 103 15.6 91