diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-07-13 02:36:21 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-13 02:36:21 +0900 |
| commit | 2f058cf0373dae40da1fbf8060141b46df205e22 (patch) | |
| tree | 1c4eb3e9e6f636217bbe9ebb8fc6e7a8bbe2d7d6 /files/ja/conflicting | |
| parent | 86457c6f4c59db1bcddc20bf782646bae78b9b16 (diff) | |
| download | translated-content-2f058cf0373dae40da1fbf8060141b46df205e22.tar.gz translated-content-2f058cf0373dae40da1fbf8060141b46df205e22.tar.bz2 translated-content-2f058cf0373dae40da1fbf8060141b46df205e22.zip | |
Web/CSS/:placeholder-shown を更新 (#1370)
- conflicting 版は前身となる -moz-placeholder の記事であるため削除
- 2021/06/23 時点の英語版に同期
Diffstat (limited to 'files/ja/conflicting')
| -rw-r--r-- | files/ja/conflicting/web/css/_colon_placeholder-shown/index.html | 60 |
1 files changed, 0 insertions, 60 deletions
diff --git a/files/ja/conflicting/web/css/_colon_placeholder-shown/index.html b/files/ja/conflicting/web/css/_colon_placeholder-shown/index.html deleted file mode 100644 index f67b584d66..0000000000 --- a/files/ja/conflicting/web/css/_colon_placeholder-shown/index.html +++ /dev/null @@ -1,60 +0,0 @@ ---- -title: ':-moz-placeholder' -slug: conflicting/Web/CSS/:placeholder-shown -tags: - - CSS - - CSS Reference - - Non-standard -translation_of: Web/CSS/:placeholder-shown -translation_of_original: Web/CSS/:-moz-placeholder -original_slug: Web/CSS/:-moz-placeholder ---- -<p>{{Non-standard_header}}{{ CSSRef() }}{{ gecko_minversion_header("2.0") }}</p> - -<div class="note"><strong>Note:</strong> The <code>:-moz-placeholder</code> pseudo-class is deprecated in Firefox 19 in favor of the {{ cssxref('::-moz-placeholder') }} pseudo-element.</div> - -<div class="note"><strong>Note: </strong>The CSSWG have decided to introduce <code>:placeholder-shown</code>. This functionality will be reintroduced in Gecko at some point in the future, unprefixed and under the new name. {{bug(1069012)}}</div> - -<h2 id="Summary" name="Summary">概要</h2> - -<p><code>:-moz-placeholder</code> は<a href="/en/HTML/HTML5/Forms_in_HTML5#The_placeholder_attribute" title="en/HTML/HTML5/Forms in HTML5#The placeholder attribute">プレースホルダ</a>を表示するフォーム要素にマッチします。この擬似クラスにより、Web 開発者やテーマデザイナーがプレースホルダの表示 (デフォルトは薄い灰色) をカスタマイズすることができます。</p> - -<p>たとえば、フォームフィールドの背景色をプレースホルダの色と似た色に変更した場合、プレースホルダが目立たなくなりうまく機能しません。しかし、この擬似クラスを利用してプレースホルダの文字色を変更すればいいのです。</p> - -<h2 id="Example" name="Example">例</h2> - -<p>この例はプレースホルダの文字色を緑色に変更しています。</p> - -<pre class="brush: html"><!doctype html> -<html> -<head> - <title>Placeholder demo</title> - <style type="text/css"> - input:-moz-placeholder { - color: green; - } - </style> -</head> -<body> - <input id="test" placeholder="Placeholder text!"> -</body> -</html> -</pre> - -<p><a href="/samples/cssref/moz-placeholder.html" title="https://developer.mozilla.org/samples/cssref/moz-placeholder.html">View this example live</a>.</p> - -<h2 id="Bugzilla" name="Bugzilla">Bugzilla</h2> - -<p>{{ Bug(457801) }}</p> - -<h2 id="Notes" name="Notes">注記</h2> - -<div class="note"><strong>Note:</strong> このページは Gecko 1.9 {{ geckoRelease("1.9") }} のリリース時に、<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=11011" title="https://bugzilla.mozilla.org/show_bug.cgi?id=11011">全く異なる目的</a> から間違って作られていました。</div> - -<h3 id="SeeAlso" name="SeeAlso">参考</h3> - -<ul> - <li><a href="/en/HTML/HTML5/Forms_in_HTML5" title="en/HTML/HTML5/Forms in HTML5">Forms in HTML5</a></li> - <li>{{ HTMLElement("input") }}</li> - <li>{{ HTMLElement("textarea") }}</li> -</ul> |