CSS3 :checked ການພິຈາລະນາ

ການກໍານົດແລະການນໍາໃຊ້

CSS :checked ການພິຈາລະນາພາຍໃນຂອງບິດກັບບັນການເລືອກ. <input> ຫຼື <option> ເວລາ.

ນີ້ສາມາດນຳໃຊ້ສຳລັບ <input type="radio">, <input type="checkbox">, ແລະ <select> ທີ່ມີ <option>.

ຄວາມຄິດຕາມ

ຕົວຢ່າງ 1

ຕັ້ງກົດລະບຽບຂອງການວາງບາງກວດຄືນສຳລັບທຸກ <input> ທີ່ຖືກເລືອກ.

input:checked {
  outline: 1px solid red;
}

ທົດລອງເອງ

ຕົວຢ່າງ 2

ຕັ້ງກົດລະບຽບຕ່າງກັນສຳລັບບິດກັບບັນການເລືອກຕົວ, ບິດການການກວດ, ແລະ ບັນການເລືອກ.

input[type="radio"]:checked {
  box-shadow: 0 0 5px 3px blue;
}
input[type="checkbox"]:checked {
  box-shadow: 0 0 5px 3px maroon;
}
option:checked {
  color: blue;
  background-color: pink;
}

ທົດລອງເອງ

ການສານຍອດ CSS

:checked {
  ກົດລະບຽບ css;
}

ລະອຽດເຕັກນິກ

ການສະໜັບສະໜຸນຂອງບູຊາຍ

ຈຳນວນໃນຕາຕະລາງອາດອະນຸຍາດທີ່ບໍ່ຄາດຄິດຄືນກັບການອອກພະລັງງານທີ່ພົບຢູ່ໃນສາຍວິຊາງຂອງການໃຊ້ງານ.