2

チェックボックスを無効にするためにjavascriptを使用しています：

       $('#test').attr("無効", "真");

無効になっているチェックボックスの背景を暗くしたいのですが、そのままでは無効になっていることがわかりにくいためです。HTML/CSS/JSを使用してこれを行う方法はありますか>

4

3 に答える 3

5

簡単ではありません。チェックボックスがレンダリングされる方法は、ブラウザによって決定されます。カスタム レンダリングを行うには、カスタム JavaScritpt ベースのソリューションに置き換える必要がありますが、それによって別の問題が発生します。

ただし、無効になっているチェックボックスをもう少し透明にすることができます。

  select[disabled] { opacity: .5 }

これは IE >= 9 およびその他すべての主要なブラウザで動作します。

于 2012-06-27T22:08:58.240 に答える
1

チェックボックスをコンテナにラップしてみて、次のような CSS ルールdivを使用できます: jsFiddle example。input:disabled

Internet Explorer、Firefox、Chrome、Opera、および Safari の最新の Windows バージョンでこれをテストしました。

于 2012-06-27T23:02:15.297 に答える
0

次のように、無効な入力フォーム要素の CSS スタイルを指定できます。

input[disabled]{
 color:#666 !important; // Whatever styling here...
 opacity: .3;
}
于 2012-06-27T22:09:22.397 に答える