Hi friends how are you all ? I think you must be fine. When you make any webpage or make a simple HTML form for registration purpose or anything else. You put some check boxes in form for users to select their choices. But some times you get some blank entries of that check boxes.
Because user hasn’t checked it or checked it but unfortunately page get reloaded and it get unchecked. Friends you must be getting monotonous that what this blogger want to say… So fiends keep calm and see… How will it be if user checks a check box then background of that text also get changed. Surprising..??? so that it is in focus of user that he has selected it. If user again check it then again same thing happens. So the solution is as following:
- The CSS is :
- Then HTML is :
Result is :
If this was useful to you please like share and comment. I will reply ASAP.
Happy coding !!!