純粋にCSSを使用してマウスからのアクセスを無効にする必要がある次のフォーム要素があります。私はフォーム入力の編集を無効にするフォーム要素へのアクセス権を持っていません。私はCSSスタイルシートにしかアクセスできません。CSSでフォーム入力を無効にする
<input type="text" name="rs:def:website" size="48" maxlength="64">
私が入力を受け入れることができることから要素を無効にするpointer-events:noneを使用しようとしています。他のテキスト入力を無効にしないようにする必要があります。
これは私が不運で試したことです。助言がありますか？ここ
.rs:def:website .input{
pointer-events: none;
}
が正しいCSSセレクタである：他の回答によって示されるよう
input[name="rs:def:website"] {
pointer-events: none;
}<input type="text" name="rs:def:website" size="48" maxlength="64">、これはこの入力を編集することからユーザーを防止するために確実な方法ではありません。
それでもタブすることができます –
パーフェクト、ありがとう！ –
disabledを入力して無効にするだけです。
<input type="submit" disabled>それは純粋なCSSとはできません。 pointer-events: none;が動作する場合もありますが、タブまでは可能です。
実際のHTMLを変更する必要があります。 disabledを直接HTMLファイルまたはJavascriptで追加します。
<input type="text" name="rs:def:website" size="48" maxlength="64" disabled>
なぜ 'disabled'または' readonly'属性の代わりに 'pointer-events'を使うのですか？ – j08691
ドット表記法はクラスセレクタ用ですが、 'class'とは異なる属性で要素を指定しようとしています。また、セレクタ内のスペースは、2番目の部分が最初の部分の子孫であることを意味しますが、1つの要素があります。代わりに 'input [name =" rs：def：website "]'を試しましたか？ –
[すべてのdivコンテンツを無効にする方法]（https://stackoverflow.com/questions/639815/how-to-disable-all-div-content） – lumio