How can I successfully modify the HTML checkbox default style with pseudo classes? (the new checkbox overrides the problem that the old checkbox cannot be clicked.)

follow the instructions on a blog post to modify the checkbox default style:
(blog address: https://www.cnblogs.com/GumpY.)

effect:

:
1-checkbox 0z-index2checkbox
2-checkbox
3-checkboxcheckbox

OK:


.............
===============================
1-checkboxcheckbox; "" checkbox

2-consolecheckbox

3-however, clicking on the selected checkbox, again will not return to the box state.

=
solve TT.

Mar.04,2021

seems simple. You can try it at here . The code is as follows:

HTML:

  https://www.cnblogs.com/GumpY. is wrong to set checkbox to absolute,! 

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-7b78b1-16697.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-7b78b1-16697.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?