删除按钮的边框

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

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

2012-07-16 JamesonW

我感谢所有的反馈...生病让你知道哪一个适合我。 – JamesonW 2012-07-16 01:51:32

供参考：链接已关闭。 – alexander 2015-08-03 13:42:47

101

添加

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

到您的按钮。

演示：

2012-07-16 01:27:02 Vestride

我很欣赏..但我添加就像你说的样式表，它不工作不幸。我是否应该直接将其嵌入到HTML中，如果这会有所作为？ – JamesonW 2012-07-16 01:42:50

我在按钮上加了一个小提琴加'background：none;'。在小提琴上取一个高峰，看看它是否适合你。 – Vestride 2012-07-17 02:30:20

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

2012-07-16 01:27:58

惯用的伎俩是使图像本身的链接，而不是一个按钮的一部分。然后，将“click”事件与自定义处理程序绑定。

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

2012-07-16 01:30:50 yadutaf

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

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

2012-07-16 01:31:04

您也可以将按钮的背景设置为图像，而不是使用img标签 – 2012-07-16 01:33:44

或者在纯css中进行。像'背景：＃555; font-weight：bold：color：#fff; padding：6px 8px;' – 2012-07-16 01:35:35

我有同样的问题，即使我的造型在CSS我的按钮，它永远不会拿起border:none但什么工作直接输入按钮添加一个样式像这样：

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

2013-05-04 16:08:23 Flea

您正在使用CSS级联来覆盖具有内联样式的属性。你应该检查一下CSS级联和CSS特性的文章。 – DrCord 2015-12-15 17:30:16

这似乎很适合我。

button:focus { outline: none; }

2016-01-04 05:31:27

'大纲：没有;'不建议出于可访问性原因。如果您必须移除焦点边框，请为用户提供另一种方式，让他们看到焦点。 http://outlinenone.com/ – Vestride 2017-01-30 22:33:43

回答