html - ボタンから境界線を削除

Question

ボタンを作成して、標準のボタン画像の代わりに独自の画像を挿入しようとしました。ただし、標準ボタンの灰色の境界線はまだ残っており、黒いボタンイメージの外側に表示されます。

ボタンからこの灰色の境界線を削除する方法を知っている人はいますか? ありがとうございました。

score 230 · Accepted Answer

追加

padding: 0;
border: none;
background: none;

あなたのボタンに。

デモ：

score 13 · Accepted Answer

私は同じ問題を抱えていました.CSSでボタンをスタイリングしていても、それは決して拾われませんでしたborder:noneが、うまくいったのは入力ボタンにスタイルを直接追加することでした:

<div style="text-align:center;">
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

score 4 · Accepted Answer

4

使用してみてください:border:0;またはborder:none;

于 2012-07-16T01:27:58.037 に答える

score 2 · Accepted Answer

ボタンを試すこともできbackground:none;border:0pxます。

div#yes button{..}また、cssセレクターはとdiv#no button{..}です。それが役立つことを願っています

score 2 · Accepted Answer

2

Add this as css,

button[type=submit]{border:none;}

于 2020-06-04T05:59:27.350 に答える

score 1 · Accepted Answer

通常のトリックは、画像自体をボタンではなくリンクの一部にすることです。次に、「クリック」イベントをカスタムハンドラーにバインドします。

Jquery-UIやBootstrapなどのフレームワークは、これをそのまま実行します。ちなみに、それらの1つを使用すると、アプリケーションの概念全体が大幅に緩和される可能性があります。

13 に答える 13