初投稿です。忘備録になります。
フォームの送信ボタンをdisabled属性が無効/有効の時で色を分けたいなと思い、
(その方がユーザビリティ的に良いと思うので)
調べた結果、下記にたどり着きました。
まずHTMLのinputタグにdisabledを付けるのをお忘れなく。
私は最初つけていなくてずっとdisabled効かない、、!となっていました。
ついていないんですから、効くわけないですね。
ボタンの装飾のコードは参考程度に。みんな違ってみんないいなので。
大事なのは
【input[type='submit']】にdisabledが無効の時のボタンの装飾
【input[type='submit']:disabled】にdisabledが有効の時のボタンの装飾
を書きます。
そうしますと、下記の画像のようになります。
できて当たり前かもしれないのですが、
忘れないように投稿させていただきました。
どのようなときにdisabledを有効/無効にするなどの設定は
jqueryやjavascriptで設定してください。
私と同じようなところで手が止まっている方の
お役に立てれば嬉しいです。