ボタンからボーダーを削除

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

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

追加

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

ボタンに。

デモ：

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

これは完全に私のために働くようです。

button:focus { outline: none; }

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

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

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

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

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

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

また、CSSセレクターはdiv#yes button{..}およびdiv#no button{..}です。それが役に立てば幸い

ボタンフォーカスのボタンからデフォルトの「青枠」を削除するには：

HTMLの場合：

<button class="new-button">New Button...</button>

そしてCSSで

button.new-button:focus {
    outline: none;
}

それが役に立てば幸い ：）

これをcssとして追加し、

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

$（ "。myButtonClass"）。css（["border：none; background-color：white; padding：0"]）;