html - 如何通过css更改radio样式？

Question

把它改成这样的

图片描述

Answer 1

Mainly use the [+] method of CSS3.
Demo: https://jsfiddle.net/4undvruo/

Answer 2

Hide the radio, then write this style using p css, and then use events to key the hidden radio

Answer 3

The basic idea is the same as above, but it is best to use label, so you don’t need to write events to associate

Answer 4

Please give detailed instructions (▼-▼)