ラジオボタン・チェックボックスの大きさを変える #CSS

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <input type="checkbox" name="checkbox" /><label>チェックボックス</label>
  <input type="radio" name="radio" /><label>ラジオ</label>
  <input type="radio" name="radio" /><label>ボタン</label>
</body>
</html>

style.css

input[type=checkbox] {
    width: 100px;
    height: 100px;
    vertical-align: middle;
}
input[type=radio] {
    width: 100px;
    height: 100px;
    vertical-align: middle;
}