CSSで項目(フィールド)を入力不可にしたい

Isozumi さん

こんにちは。ひよこです。

どうしてもCSSで入力不可(readonly)とする場合は、要素 に pointer-events: none; を指定すると、クリックできなくする(readonlyになる)ことができます。

ただこの方法では、ぱっとフォームを見たときに入力不可かどうかわかりません(背景色が灰色になったりしない)。
kintone の入力要素が disabled のときのスタイルに合わせたほうがよいと思います。

また、DOM要素名を指定しているので、アップデートによって動かなくなる可能性があることが注意点でしょうか…。

要素名 {
pointer-events: none;
color: #888;
backgroud-color: #dbdcdd;
border-width: 0px;
 box-shadow: none;
}