Guide 46 – Change interface using Jquery and CSS

I am learning how to use JQUERY and CSS, and understanding the potential that these languages provide and how we can use them in our PHPRunner builds .

Specifically, to do the exercise and test part of what can be done, I have been changing the interface of the checkboxes that PHPRunner has and, for me at least, I believe that it has not been updated or enhanced for many years and it is "poor” and outdated presentation.

To improve the checkbox interface I have been looking at solutions on GITHUB in which all aspects change through CSS. In the end I selected this one: https://github.com/EvanLiu2968/el-checkbox , but there are many other possibilities. Also in other presentation objects.

Aim

Modify the interface of PHPRunner applications using CSS and JQUERY

DEMO : https://fhumanes.com/icheck/

With the chosen solution we obtain this potential for the checkbox the radios buttom .
https://fhumanes.com/icheck/MyCode/index.html

If you are interested in this topic, keep reading the article that explains it and provides the code .