CSS :focus 伪类

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

CSS :focus ສິ່ງພິມຕິດຕາມເພດນີ້ຖືກນຳໃຊ້ເພື່ອເລືອກແລະການກະກຽມບັນດາຄວາມບາງຄວາມໃນບົດມະນຸດການເຂົ້າຫາ.

ຄວາມຄິດຕົວຢ່າງ:

ຕົວຢ່າງ 1

ເລືອກແລະການການກະກຽມບັນດາຄວາມບາງຄວາມໃນບົດມະນຸດການເຂົ້າຫາ:

input:focus {
  background-color: yellow;
}

ສາມາດທົດລອງຄັ້ງຄືນ:

ຕົວຢ່າງ 2

ເມື່ອບົດມະນຸດການເຂົ້າຫາບັນດາຄວາມບາງຄວາມໃນບົດມະນຸດການເຂົ້າຫາ, ປ່ຽນສີການຫຼັງການບັນດາຄວາມບາງຄວາມໃນບົດມະນຸດການເຂົ້າຫາ:

input:focus {
  background-color: yellow;
  width: 250px;
}

ສາມາດທົດລອງຄັ້ງຄືນ:

ສານຍານCSS

:focus {
  ການສະແດງcss;
}

ລາຍລະອຽດເຕັກນິກ:

ການສະໜັບສະໜູນບັນດາສານຄົ້ນຫາ:

ຈຳນວນໃນຕາຕະລາງອາດສະແດງວ່າລະບົບທີ່ສະຫຼຸບການສະໜັບສະໜູນສິ່ງພິມຕິດຕາມເພດນີ້.

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ:

ຄູ່ມວນຊົນ:CSS 伪类