カスタム画像を含むボタンから灰色の境界線を削除するにはどうすればよいですか?

ボタンから境界線を削除する

デフォルトの画像をカスタム画像に置き換えてボタンをカスタマイズすると、周囲に永続的な灰色の境界線が表示されることがよくあります。画像。この境界線を削除すると、すっきりとしたシームレスなボタン デザインを実現できます。

解決策

ボタンから灰色の境界線を削除するには、次の CSS スタイルをボタンのコード:

<code class="css">padding: 0;
border: none;
background: none;</code>

サンプル コード

<code class="html"><button style="padding: 0; border: none; background: none;">
  <img  src="/static/imghwm/default1.png" data-src="/path/to/image.png" class="lazy" alt="カスタム画像を含むボタンから灰色の境界線を削除するにはどうすればよいですか?" >
</button></code>

デモ

ライブ デモについては、を参照してください。次の URL:

https://jsfiddle.net/Vestride/dkr9b/

これらの CSS スタイルを適用すると、ボタンには周囲の枠線なしでカスタム画像のみが表示されます。

以上がカスタム画像を含むボタンから灰色の境界線を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。