拆下按键边框 [英] Remove border from buttons

问题描述

我试图创建按钮和插入我自己的形象，而不是标准的按钮图像。不过，从标准按钮灰色边框仍然存在，出现在我的黑色按钮，图像的外侧。这可以在这里看到... http://wiscuss.com/submit.php 。

I tried to create buttons and insert my own images instead of the standard button images. However, the gray border from the standard buttons still remains, showing on the outside of my black button images. This can be seen here... http://wiscuss.com/submit.php .

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

Does anyone know how to remove this gray border from the button, so it's just the image itself? Thank you.

推荐答案

添加

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

您的按钮。我刚和Chrome的开发工具做了它和它的工作。

to your buttons. I Just did it with Chrome's dev tools and it worked.

编辑：

http://jsfiddle.net/Vestride/dkr9b/

我不认为然而，您使用纯CSS为您的按钮，而不是这些图像，因为，因为他们是如此的简单，和CSS是可扩展的（会看的办法的视网膜显示屏更好） 。我已经添加了一些CSS按钮，看起来几乎完全一样的影像的小提琴。

I do suggest, however, that you use pure CSS for your buttons instead of those images because because they're so simple and and the CSS is scalable (will look way better on retina displays). I've added some CSS buttons to the fiddle that look almost exactly like the images.

这篇关于拆下按键边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！