CSS を使用してフォーム フィールドを無効にすることは可能ですか? 属性 disabled については当然知っていますが、これを CSS ルールで指定することは可能ですか? たとえば次のようになります -
<input type="text" name="username" value="admin" >
<style type="text/css">
input[name=username] {
disabled: true; /* Does not work */
}
</style>
私が質問する理由は、フォーム フィールドが自動生成され、いくつかのルール (JavaScript で実行) に基づいてフィールドが非表示/表示されるアプリケーションがあるからです。フィールドの無効化/有効化をサポートするように拡張したいのですが、ルールの記述方法がフォーム フィールドのスタイル プロパティを直接操作するように設定されています。そのため、ルール エンジンを拡張してフォーム フィールドのスタイルだけでなく属性も変更する必要があり、理想的とは言えないようです。
CSS に visible および display プロパティがあるのに、enable/disable がないのは非常に不思議です。まだ開発中の HTML5 標準に同様のものはありますか。あるいは、非標準 (ブラウザー固有) のものはありますか。
ベストアンサー1
CSS を使用して無効化効果を偽装できます。
pointer-events:none;
色などを変更したい場合もあります。