AJYA https://blog.hatena.ne.jp/AJYA/ ソフトウェア開発者の日常 https://ajya.hatenablog.jp/ CSS 選択されたら、選択された値を表示するように、以前システムに機能を追加しました。 ajya.hatenablog.jp選択された値を変更されたくないので、テキストボックスにreadonly属性をつけて読み取り専用にしていますが、見た目では入力できるか違いがわかりません。 JavaScriptでreadonly属性をつけているので、見た目の違いをつけるために、JavaScriptで色を変更してもいいのですが、CSSでできないかと方法を探しました。 unsplash-logoCharles Deluvio 🇵🇭🇨🇦探した結果、複数の方法を見つけましたが、以下のように記述した際だけ色が変わりました。 … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fajya.hatenablog.jp%2Fentry%2F2018%2F08%2F05%2F070000" title="CSS：テキストボックスがreadonlyな場合の色の変更 - ソフトウェア開発者の日常" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/A/AJYA/20180805/20180805065204.png Hatena Blog https://hatena.blog 2018-08-05 07:00:00 rich https://ajya.hatenablog.jp/entry/2018/08/05/070000 1.0 100%