从button删除边框

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

有谁知道如何从button中删除这个灰色的边框，所以它只是图像本身？ 谢谢。

Answer 1

加

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

到你的button。

演示：

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

Answer 2

这似乎对我来说是完美的。

 button:focus { outline: none; } 

Answer 3

我有同样的问题，即使我在CSS中devise我的button，它永远不会拿起border:none什么工作是直接在inputbutton上添加样式，如下所示：

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

Answer 4

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

Answer 5

通常的诀窍是使图像本身的一部分，而不是一个button。 然后，将“click”事件绑定到自定义处理程序。

像Jquery-UI或Bootstrap这样的框架就是这样开箱的。 顺便说一下，使用其中的一个可能会缓解整个应用程序的概念。

Answer 6

你也可以尝试background:none;border:0px到button。

也是CSSselect器是div#yes button{..}和div#no button{..} 。 希望它有帮助