web-dev-qa-db-ja.com

ボタンから境界線を削除

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

誰もがボタンからこの灰色の境界線を削除する方法を知っているので、それは単なる画像そのものですか？ありがとうございました。

htmlcssbutton
80
JamesonW

追加する

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

あなたのボタンに。

デモ：

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

141
Vestride

これは私にとって完璧に機能するようです。

button:focus { outline: none; }
28
Daniel Lee

私は同じ問題を抱えていて、CSSでボタンをスタイリングしていてもborder:noneを取得しませんでしたが、入力ボタンに直接スタイルを追加することでうまくいきました：

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

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

2
Filipe Manuel

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

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

1
yadutaf

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

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

1
user1527729

$（ "。myButtonClass"）。attr（ "style"、 "border：none; background-color：white; padding：0"）;私の.xhtmlページでうまく機能します。

0
KenDev