blob: 758c0b519337f3e35579589e0e82a1075409ccc4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
---
title: ':blank'
slug: Web/CSS/:blank
tags:
- ':blank'
- CSS
- CSS セレクター
- Draft
- Experimental
- NeedsContent
- NeedsExample
- 擬似クラス
- セレクター
browser-compat: css.selectors.blank
translation_of: Web/CSS/:blank
---
{{CSSRef}}{{SeeCompatTable}}
> **Note:** セレクターは、CSSWG が変更を続けているため、使用するリスクを考慮する必要があります。
>
> [CSSWG issue #1967](https://github.com/w3c/csswg-drafts/issues/1967) を参照してください。
**`:blank`** は [CSS](/ja/docs/Web/CSS) の[擬似クラス](/ja/docs/Web/CSS/Pseudo-classes)で、空のユーザー入力要素 (例えば {{HTMLElement("input")}} や {{HTMLElement("textarea")}}) を選択します。
## 構文
{{CSSSyntax}}
## 例
<h3 id="Simple_blank_example">単純な :blank の例</h3>
最終的に対応しているブラウザーでは、 `:blank` 擬似クラスを使用することで、開発者は、必須ではないが、まだ何も記入されていない入力コントロールを、何らかの方法で強調表示することができるようになります。
#### HTML
```html
<textarea></textarea>
```
#### CSS
```css
textarea:blank {
border: 3px solid red;
}
```
#### 結果
{{EmbedLiveSample('Simple_blank_example', '100%', 150)}}
## 仕様書
{{Specifications}}
## ブラウザーの互換性
{{Compat}}
## 関連情報
- {{CSSxRef(":empty")}}
|
