从button删除边框

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

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

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

到你的button。

演示:

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

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

 button:focus { outline: none; } 

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

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

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

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

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

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

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