This demonstrates setting the height and width of all checked <input> elements:
| HTML file: | Displayed by browser: |
|---|---|
|
<style>
input:checked { height: 50px; width: 50px; } </style> <body> <form action=""> <input type="radio" checked="checked" value="male" name="gender"> Male <br /><br /> <input type="radio" value="female" name="gender"> Female <br /><br /><hr /><br /> <input type="checkbox" checked="checked" value="Bike"> I have a bike <br /><br /> <input type="checkbox" value="Car"> I have a car </form> </body> |
Every input type which is selected (or checked) is enlarged to 50 pixels by 50 pixels.
