QA@IT
«回答へ戻る

[disable] + span の例で更新

10
   border-style: none;
 }
 ```
+
+UPDATE: Windows XP スタイルを使っていて checkbox, radio ボタンにスタイルを IE 以外にも効かせるようにするのは、たしかにできないようです。以下のようにラベルのほうの色で表現するのが無難なのではないでしょうか。
+
+```html
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <style type="text/css">
+  label > [disabled] + span {
+    color: GrayText;
+  }
+  </style>
+</head>
+<body>
+  <label>
+    <input type="checkbox" name="foobar">
+    <span>ラベル</span>
+  </label>
+  <label>
+    <input type="checkbox" name="foobar" disabled="disabled">
+    <span>ラベル</span>
+  </label>
+</body>
+</html>
+```

以下のような CSS を設定すると IE9 でも以前の IE のような表示になるようです。

input[type=checkbox] {
  border-style: none;
}

UPDATE: Windows XP スタイルを使っていて checkbox, radio ボタンにスタイルを IE 以外にも効かせるようにするのは、たしかにできないようです。以下のようにラベルのほうの色で表現するのが無難なのではないでしょうか。

<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
  label > [disabled] + span {
    color: GrayText;
  }
  </style>
</head>
<body>
  <label>
    <input type="checkbox" name="foobar">
    <span>ラベル</span>
  </label>
  <label>
    <input type="checkbox" name="foobar" disabled="disabled">
    <span>ラベル</span>
  </label>
</body>
</html>
以下のような CSS を設定すると IE9 でも以前の IE のような表示になるようです。

```css
input[type=checkbox] {
  border-style: none;
}
```

UPDATE: Windows XP スタイルを使っていて checkbox, radio ボタンにスタイルを IE 以外にも効かせるようにするのは、たしかにできないようです。以下のようにラベルのほうの色で表現するのが無難なのではないでしょうか。

```html
<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
  label > [disabled] + span {
    color: GrayText;
  }
  </style>
</head>
<body>
  <label>
    <input type="checkbox" name="foobar">
    <span>ラベル</span>
  </label>
  <label>
    <input type="checkbox" name="foobar" disabled="disabled">
    <span>ラベル</span>
  </label>
</body>
</html>
```

applied code-block

10
 以下のような CSS を設定すると IE9 でも以前の IE のような表示になるようです。
+
 ```css
 input[type=checkbox] {
   border-style: none;

以下のような CSS を設定すると IE9 でも以前の IE のような表示になるようです。

input[type=checkbox] {
  border-style: none;
}
以下のような CSS を設定すると IE9 でも以前の IE のような表示になるようです。

```css
input[type=checkbox] {
  border-style: none;
}
```

回答を投稿

以下のような CSS を設定すると IE9 でも以前の IE のような表示になるようです。

input[type=checkbox] {
  border-style: none;
}
以下のような CSS を設定すると IE9 でも以前の IE のような表示になるようです。
```css
input[type=checkbox] {
  border-style: none;
}
```