:checked | CSS3 | Học Web Chuẩn

Trang chủ » Checkbox Css Là Gì » :checked | CSS3 | Học Web Chuẩn

Có thể bạn quan tâm

:checked
  • Trang chủ
  • Tham khảo
  • CSS
  • CSS3
  • :checked

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

  • ":checked" chọn thành phần được check (checked), thường sử dụng cho các thành phần của form.

Cấu trúc

:checked { property: value; }

Ví dụ

HTML viết:

<html> <head></head> <body> <input type="text" value="hoc web chuẩn" /><br /> <input type="checkbox" value="" checked="checked" /><br /> <input type="checkbox" value="" /><br /> <input type="radio" name="gender" value="" checked="checked" /><br /> <input type="radio" name="gender" value="" /><br /> <input type="text" value="hoc web chuẩn" checked="checked" /> </body> </html>

Hiển thị trình duyệt khi chưa có CSS:

CSS viết:

input:checked{ background: blue; }

Hiển thị trình duyệt khi đã có css:

Ta thấy những thành phần <input /> được check (checked) đã được chọn.

Trình duyệt hỗ trợ

  • Internet Explorer10
  • Firefox16
  • Opera10
  • Google Chrome23
  • Safari6

":checked" hiện chỉ được hỗ trợ trong trình duyệt Opera.

Link liên quan

  • CSS
  • color
  • <html></html>
  • <head></head>
  • <body></body>
  • <a></a>
  • <p></p>

:disabled

:not(bộ chọn)

CSS

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

Bộ chọn CSS3

  • tag01~tag02
  • [attribute^=value]
  • [attribute$=value]
  • [attribute*=value]
  • :first-of-type
  • :last-of-type
  • :only-of-type
  • :only-child
  • :nth-child(n)
  • :nth-last-child(n)
  • :nth-of-type(n)
  • :nth-last-of-type(n)
  • :last-child
  • :root
  • :empty
  • :target
  • :enabled
  • :disabled
  • :checked
  • :not(bộ chọn)
  • ::selection

Tham khảo CSS

  • CSS - Tham khảo
  • CSS - Bộ chọn (selectors)
  • CSS - Thuộc tính
  • CSS3 - Tham khảo
  • CSS3 - Bộ chọn (selectors)
  • CSS3 - Thuộc tính
  • Xem thêm ví dụ về CSS

Tham khảo HTML/XHTML

  • Tham khảo HTML/XHTML
  • Tag theo function
  • Tag theo giá trị DTD
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Xem thêm ví dụ về HTML

Tham khảo JQUERY

  • jQuery - Tham khảo
  • jQuery - Cài đặt và sử dụng
  • jQuery - Bộ chọn (selectors)
  • jQuery - Hàm (function)
  • jQuery - Ajax

Tham khảo Thêm

  • Lang codes
  • Font chữ
  • Mã ký tự
  • MIME
  • Đơn vị trong HTML & CSS
  • Giá trị màu trong HTML & CSS
  • Thuộc tính tổng quát

CHUYÊN ĐỀ

  • Chuyên đề
  • Chuyên đề HTML/CSS
  • Chuyên đề HTML5/CSS3
  • Chuyên đề jQuery/JS
  • jQuery/JS plugin

GÓP Ý - LIÊN HỆ

  • BẠN SẼ TÀI TRỢ?DONATE
  • CÔNG CỤ TẠO CSS3CSS3 GENERATOR
  • BỘ CÔNG CỤGENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢWEB TOOLS
  • CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAYWEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Từ khóa » Checkbox Css Là Gì