Pseudo-element CSS ::file-selector-button

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

CSS ::file-selector-button Pseudo-element được sử dụng để chọn nút loại <input type="file">.

Mô hình

Ví dụ 1

Đặt phong cách cho nút <input type="file">:

::file-selector-button {
  vành bao: 2px solid black;
  khoảng cách trong: 5px 10px;
  góc bo tròn: 5px;
  màu nền: lightgreen;
}

Thử ngay

Ví dụ 2

Đặt phong cách cho nút <input type="file"> và thêm hiệu ứng khi trượt qua:

::file-selector-button {
  vành bao: 2px solid black;
  khoảng cách trong: 5px 10px;
  góc bo tròn: 5px;
  màu nền: lightgreen;
}
::file-selector-button:hover {
  màu nền: salmon;
  con trỏ: pointer;
}

Thử ngay

Cú pháp CSS

::file-selector-button {
  ký tự xác định css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Bảng số trong tài liệu chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-element.

相关页面

Hướng dẫn:Định nghĩa ảo CSS