删除按钮的边框

我试图创建按钮并插入自己的图像，而不是标准按钮图像。但是，标准按钮的灰色边框仍然保留，显示在我的黑色按钮图像的外部。

有谁知道如何从按钮上删除该灰色边框，所以它仅仅是图像本身？谢谢。

加

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;

通常的技巧是使图像本身成为链接而不是按钮的一部分。然后，将“ click”事件与自定义处理程序绑定。

像Jquery-UI或Bootstrap这样的框架都是开箱即用的。顺便说一下，使用它们之一可以大大简化整个应用程序的构想。

您也可以尝试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”]）;