Boilerplate discourse codeでは !important が使用されています。これを削除して、important を使用せずに上書きできるようにしてください。ボタンには、アクセシビリティのためにフォーカス/ホバー状態が必要です。
こんにちは！これらの透明なボタンは、透明なままであるべきなので、透明性を強制しています。その機能を変更しようとしている箇所を教えていただけますか？現時点では、ホバー時もボタンは透明のままですか？
はい、ホバー時やアクティブ時にも透明性が強制されています。透明なボタンは望んでおらず、ボタンにはホバー/フォーカス状態とアクティブ状態を持たせたいのです。
スクリーンショットはボタンの場所を示していますが、これはすべてのボタンに当てはまります。
フォーカスリングは元に戻しましたが、背景色とアイコンの色も変わることを期待しています。これにより、ユーザーはマウスがホバーしていることを確認できます。
アイコンの色はホバー時に変わりますが、透明なボタンであるため背景は変わりません。
ここでさらに多くの入力を取り込みます。これを変更する必要があるかもしれません。
背景と色を変更したいので、important があると制限されてしまいます。また、どうしても必要な場合を除き、コードで important を使用しないようにしているので、定型コードをオーバーライドするために苦労したくないです。
「いいね！」 1
!important を削除しても問題ないようです。プルリクエストを開きました DEV: remove !important from btn-transparent background by awesomerobot · Pull Request #29809 · discourse/discourse · GitHub
「いいね！」 5