any-hover

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2018.

Tính năng media CSS any-hover có thể được dùng để kiểm tra xem bất kỳ cơ chế nhập liệu nào có sẵn có thể di chuột (hover) lên các phần tử hay không.

Cú pháp

Tính năng any-hover được chỉ định dưới dạng giá trị từ khóa được chọn từ danh sách dưới đây.

none

Không có cơ chế nhập liệu nào có sẵn có thể hover một cách thuận tiện, hoặc không có cơ chế nhập liệu trỏ nào.

hover

Một hoặc nhiều cơ chế nhập liệu có sẵn có thể hover lên các phần tử một cách thuận tiện.

Ví dụ

Kiểm tra xem các phương thức nhập liệu có thể hover

HTML

html
<a href="#">Hãy thử di chuột lên tôi!</a>

CSS

css
@media (any-hover: hover) {
  a:hover {
    background: yellow;
  }
}

Kết quả

Đặc tả

Thông số kỹ thuật
Media Queries Level 4
# any-input

Tương thích trình duyệt

Xem thêm