From 025fd638b5cc7be4698aa77151dfdc2fcbf6ad22 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 3 Jan 2022 23:48:58 +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-only/index.md | 117 ++++++++++++----------------- 1 file changed, 49 insertions(+), 68 deletions(-) diff --git a/files/ja/web/css/_colon_read-only/index.md b/files/ja/web/css/_colon_read-only/index.md index 727329a1cb..972e672d82 100644 --- a/files/ja/web/css/_colon_read-only/index.md +++ b/files/ja/web/css/_colon_read-only/index.md @@ -1,42 +1,45 @@ --- title: ':read-only' -slug: 'Web/CSS/:read-only' +slug: Web/CSS/:read-only tags: - CSS - - Layout - - Pseudo-class - - Reference - - Web + - レイアウト + - 擬似クラス + - 読み取り専用 + - リファレンス - セレクター - - 疑似クラス -translation_of: 'Web/CSS/:read-only' + - ウェブ +browser-compat: css.selectors.read-only +translation_of: Web/CSS/:read-only --- -
{{CSSRef}}
+{{CSSRef}} -

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

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

構文

+## 構文 {{csssyntax}} -

例

+## 例 -

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

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

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

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

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

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