ພວກເຮົາຈະປ່ຽນສີຄຳນຳພິມ

ພວກເຮົາຈະປ່ຽນສີຄຳນຳພິມ

ບັນດາການທີ 1 - ສະເໜີ HTML:

ນຳໃຊ້ບັນຕາການເຂົ້າຫຼັງຄຳນຳພິມ placeholder ຄວາມເປັນຜົນປະໂຫຍດ:

<input type="text" placeholder="A red placeholder text..">

ບັນດາການທີ 2 - ສະເໜີ CSS:

ໃນສະເພາະຫຼາຍເຄືອງບັນການຈັດວັດຖຸຄຳນຳພິມແມ່ນສີສີວັດສະຫຼາກ. ::placeholder ຄູ່ມືແນະນຳກົດໝາຍ CSS ເພື່ອການການຈັດວັດຖຸຄຳນຳພິມ。

ບໍ່ມີຄວາມຈິງໃຫ້ຮູ້ວ່າ Firefox ທີ່ໄດ້ເພີ່ມຄວາມບາງບານຫຼຸດລົງສຳລັບບາງຄຳນຳພິມນີ້ຫຼັງຈາກນັ້ນພວກເຮົາໃຊ້ opacity: 1 ພະຍາຍາມແກ້ໄຂບັນຫານີ້。

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
{}

亲自试一试

相关页面

参考手册：CSS ::placeholder 选择器