| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <body> | 2 <body> |
| 3 <style> | 3 <style> |
| 4 input { | 4 input { |
| 5 margin: 4px; | 5 margin: 4px; |
| 6 } | 6 } |
| 7 </style> | 7 </style> |
| 8 | 8 |
| 9 <!-- no style for reference --> | 9 <!-- no style for reference --> |
| 10 <input type="radio"> | 10 <input type="radio"> |
| 11 <input type="radio" checked> <br> | 11 <input type="radio" name="group"> |
| 12 <input type="radio" name="group" checked> <br> |
| 12 | 13 |
| 13 <!-- border --> | 14 <!-- border --> |
| 14 <input type="radio" style="border: 3px solid lime;"> | 15 <input type="radio" style="border: 3px solid lime;"> |
| 15 <input type="radio" style="border-radius: 6px;"> <br> | 16 <input type="radio" style="border-radius: 6px;"> <br> |
| 16 | 17 |
| 17 <!-- background --> | 18 <!-- background --> |
| 18 <input type="radio" style="background: linear-gradient(to bottom, #dea 0%,#9c7 4
4%,#494 100%);"> <br> | 19 <input type="radio" style="background: linear-gradient(to bottom, #dea 0%,#9c7 4
4%,#494 100%);"> <br> |
| 19 | 20 |
| 20 <!-- shadow --> | 21 <!-- shadow --> |
| 21 <input type="radio" style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px
4px 4px rgba(0,255,0,0.5);"> <br> | 22 <input type="radio" style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px
4px 4px rgba(0,255,0,0.5);"> <br> |
| 22 | 23 |
| 23 <!-- size --> | 24 <!-- size --> |
| 24 <input type="radio" style="width: 8px; height; 8px;"> | 25 <input type="radio" style="width: 8px; height; 8px;"> |
| 25 <input type="radio" style="width: 16px; height; 16px;"> | 26 <input type="radio" style="width: 16px; height; 16px;"> |
| 26 <input type="radio" style="width: 24px; height; 24px;"> <br> | 27 <input type="radio" style="width: 24px; height; 24px;"> <br> |
| 27 | 28 |
| 28 <!-- zoom --> | 29 <!-- zoom --> |
| 29 <input type="radio" style="zoom: 1.5;"> | 30 <input type="radio" style="zoom: 1.5;"> |
| 30 <input type="radio" style="zoom: 2;"> <br> | 31 <input type="radio" style="zoom: 2;"> <br> |
| 31 </body> | 32 </body> |
| OLD | NEW |