iOSエンジニアのつぶやき

毎朝8:30に iOS 関連の技術について1つぶやいています。まれに釣りについてつぶやく可能性があります。

htmlのbutton無効時のカラー調整

結論

cssからbutton:disabledで無効時のデザインを設定することができます🔰

button:disabled {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

ちなみに、ホバー時やボタン押下時なども同様に設定できます.

button:hover {
  border: 1px solid #0099cc;
  background-color: #00aacc;
  color: #ffffff;
  padding: 5px 10px;
}


button:active {
  background-color: #00aacc;
}

てな感じで本日も以上となります🧑‍🔧

その他の記事

yamatooo.blog

yamatooo.blog

yamatooo.blog