CSS按钮具有无法删除的白色边距/填充

Question

我正在处理很久以前创建过的网页。他们并不关心的事情之一就是本页面上其中一个按钮的完成按钮设计。我回到这个程序/页面，并决定我试着让它看起来更好，而对于我的生活，我无法解决这个问题。

这是按钮的小提琴：http://jsfiddle.net/h5CkS/

无论我做什么，白色空间都不会消失。我无法找到填充它的方法，用span / div或任何东西“绘制”它。如果我试图将一个元素调整得更宽，或者填充填充，它只需重新打开“Unvet”下的“New”。

我不能简单地用图像填充此按钮，因为一些创意的javascript以target-span-div组合为目标。

所以我必须以某种方式解决这个问题。有没有人能想到我怎么能摆脱那个该死的空白？

感谢。

编辑：只是为了表明这是多么令人沮丧。我和小提琴一起玩了这个：http：//jsfiddle.net/h5CkS/6/看起来很完美。但是当我把它放到页面代码中时，我得到了这个：http://i.imgur.com/PXJZi.jpg。

Answer 1

我创建了你的小提琴的一个分支 - http://jsfiddle.net/GXU4w/8/更改是：

1）跨度上的负边距

2）border-width：按钮上的1px

Answer 2

• 将border-width上的.arrow属性设置为9px 14px。
• 将font-size上的.arrow-button属性设置为0。
• 将width上的.arrow-button span属性设置为84px。
• 将font-size上的.arrow-button span属性设置为12px或任何合理的内容。

Answer 3

只需将.arrow-button span的宽度更改为83px，然后添加height: 14px;。