HTMLボタンの灰色の「枠線」を削除する方法

Question

HTML ページのボタンの周囲に境界線が表示されます。ボタンを 1 つ青、もう 1 つ緑にしてテーブル上に配置しようとしています。コードは以下のように表示されます:

リーリー

Web ページでは次のように表示されます:

ボタン全体をその色にし、周りにグレーを付けないようにします。スタイルの border: none で「border」を削除しました。代わりに、大きな灰色のボタンの内側に色の四角形が表示されます。

Answer 1

境界線は button 要素そのものであり、その中のリンク ではありません。

を使用してボタンのスタイルを設定し、デフォルトの境界線を削除する必要があります

関連資料: https://css-tricks.com/overriding-default-button style/

リーリー