0

ページに 2 つのボタンがあり、これらのボタンの有効化/無効化は、チェックボックスの選択を評価することによって行われます。

現在、無効になっているボタンも、マウスが上にあるときに色が変わります。

ボタンが無効か有効かに基づいて、.css ボタンのホバーを制御したいと考えています。

マウスがボタンの上にあるときに無効なボタンの色が変わらないようにする方法を知っていますか?

.cshtml

<input class="submit-btn submit-right-margin" id="case-escalate" type="submit" value="Update & Escalate" data-caseId="@Model.CaseId"/>

<input class="submit-btn submit-right-margin" id="case-update" type="submit" value="Update" data-caseId="@Model.CaseId"/>

.css

.submit-btn:hover
{
  color: #2474AD;
  background: #BFDDFF;
}

.js .js ファイルからのチェックボックスの選択に基づいて、入力送信ボタンを管理 (有効化/無効化) します。

4

1 に答える 1

1

これを使用して、無効な入力をフォーマットできます。

input[disabled] {
    background:gray;
    color:silver;
    ...
}

ホバー状態をinput[disabled]:hoverフォーマットできます。

しかし、[disabled] はまだいくつかのブラウザーで機能していません。

編集：

これまでにこれをテストしたことはありません:
クラスでこれを処理できるかもしれません。JavaScript で無効化/有効化されている場合は、クラスを追加/削除するだけです。

于 2012-07-11T05:56:57.120 に答える