From e598425ea9006fd3d2074ba013688fbb5873947b Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 4 Jan 2022 00:00:28 +0900 Subject: 2021/08/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/_colon_read-write/index.md | 117 ++++++++++++---------------- 1 file changed, 49 insertions(+), 68 deletions(-) diff --git a/files/ja/web/css/_colon_read-write/index.md b/files/ja/web/css/_colon_read-write/index.md index c8eed1f5af..b7fbf6bc24 100644 --- a/files/ja/web/css/_colon_read-write/index.md +++ b/files/ja/web/css/_colon_read-write/index.md @@ -1,42 +1,45 @@ --- title: ':read-write' -slug: 'Web/CSS/:read-write' +slug: Web/CSS/:read-write tags: - CSS - - Layout - - Pseudo-class - - Reference - - Web + - レイアウト + - 擬似クラス + - リファレンス - セレクター - - 疑似クラス -translation_of: 'Web/CSS/:read-write' + - ウェブ + - read-write +browser-compat: css.selectors.read-write +translation_of: Web/CSS/:read-write --- -
{{CSSRef}}
+{{CSSRef}} -

:read-write は CSS の擬似クラスで、ユーザーが編集できる要素 (input や textarea など) を表します。

+**`:read-write`** は [CSS](/ja/docs/Web/CSS) の[擬似クラス](/ja/docs/Web/CSS/Pseudo-classes)で、ユーザーが編集できる要素 (`input` や `textarea` など) を表します。 -
input:read-write, textarea:read-write {
+```css
+input:read-write, textarea:read-write {
   background-color: #bbf;
 }
 
 p:read-write {
   background-color: #bbf;
 }
-
+``` -

構文

+## 構文 {{csssyntax}} -

例

+## 例 -

読み取り専用/読み書きコントロールによるフォーム情報の確認

+### 読み取り専用/読み書きコントロールによるフォーム情報の確認 -

readonly のフォームコントロールの使用方法の一つは、ユーザーが以前のフォームに入力した情報 (例えば、配送方法の詳細など) をチェックして確認しながら、フォームの残りの部分と一緒に情報を送信することができるようにすることです。以下の例では、これを実現しています。

+`readonly` のフォームコントロールの使用方法の一つは、ユーザーが以前のフォームに入力した情報 (例えば、配送方法の詳細など) をチェックして確認しながら、フォームの残りの部分と一緒に情報を送信することができるようにすることです。以下の例では、これを実現しています。 -

:read-only 擬似クラスは、入力欄をクリック可能なフィールドのように見せるスタイル付けをすべて削除するために使用されており、読み取り専用の段落のように見えます。一方、 :read-write 擬似クラスは、編集可能な <textarea> により良いスタイル付けを行うために使用されています。

+`:read-only` 擬似クラスは、入力欄をクリック可能なフィールドのように見せるスタイル付けをすべて削除するために使用されており、読み取り専用の段落のように見えます。一方、 `:read-write` 擬似クラスは、編集可能な `