从按钮删除边框

Question

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

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

Answer 1

添加

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

到您的按钮。

演示：

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

Answer 2

这似乎对我很有用。

button:focus { outline: none; }

Answer 3

我遇到了同样的问题，即使我在CSS中设置我的按钮样式，它也永远不会拿起border:none，但是有效的是直接在输入按钮上添加一个样式，如下所示：

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

Answer 4

input[type="button"] {
border: none;
outline:none;
}

Answer 5

要从按钮焦点上的按钮中删除默认的“蓝边”：

在HTML中：

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

在CSS中

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

希望它会有所帮助：）

Answer 6

尝试使用：border:0;或border:none;

Answer 7

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

像Jquery-UI或Bootstrap这样的框架开箱即用。顺便使用其中一个可以缓解整个应用程序的概念。

Answer 8

将其添加为CSS，

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

Answer 9

您可以像这样在 CSS 样式中定位按钮：

 div button {
    border: none;
 }

Answer 10

只需使用： button{border:none; outline:none;}

Answer 11

您也可以尝试background:none;border:0px按钮。

css选择器也是div#yes button{..}和div#no button{..}。希望它有所帮助

Answer 12

$（“。myButtonClass”）。attr（“ style”，“ border：none; background-color：white; padding：0”）; 对于我的.xhtml页面效果很好。