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

我正在制作一个很久以前有人创建的页面。他们不太关心的一件事是这个页面上一个按钮的最终按钮设计。我回到了这个程序/页面，并决定我会努力使它看起来更好，并且为了我的生命，我无法解决这个问题

这是一把小提琴的按钮：

无论我做什么，空白都不会消失。我一直无法找到一种方法来填充它，用span/div或其他任何东西在它上面“画画”。如果我尝试将一个元素调整得更宽，或者填充填充，它只会在“Unvet”下重新锁定“New”

我不能简单地用一个图像填充这个按钮，因为一些创造性的javascript以按钮span div组合为目标

所以我必须用CSS解决这个问题。有没有人能想到我该如何摆脱那个该死的空白

谢谢

编辑：只是为了说明这是多么令人沮丧。我摆弄着小提琴做了这个：http://jsfiddle.net/h5CkS/6/ 看起来很完美。但是当我把它放入页面代码中时，我得到了这样的结果：。

• 将

  箭头上的
  边框宽度
  属性设置为
  9px 14px

• 将

  上的
  font size
  属性设置为
  0

• 将

  上的
  width
  属性span

  箭头按钮设置为

  84px

• 将

  上的
  font size
  属性span

  箭头按钮设置为

  12px

  或任何合理的设置
• 将

  箭头上的
  边框宽度
  属性设置为
  9px 14px

• 将

  上的
  font size
  属性设置为
  0

• 将

  上的
  width
  属性span

  箭头按钮设置为

  84px

• 将

  上的
  font size
  属性span

  箭头按钮设置为

  12px

  或任何合理的设置

---

只需更改

的宽度。箭头按钮span

为

83px

并添加

高度：14px

只需将

的宽度更改为
83px
，并添加
高度：14px
我已经为你的小提琴制作了一个叉子-更改如下：

1） 跨距上的负裕度

2） 边框宽度：1px on按钮
我为您的小提琴创建了一个叉子-更改如下：

1） 跨距上的负裕度

2） 边框宽度：1px on按钮
这些更改给出的结果与我在下面对DRP96的响应大致相同。这些更改给出的结果与我在下面对DRP96的响应大致相同。这让我更接近了。蓝色区域移动了一点。问题是，它会影响另一个使用相同CSS类的按钮。所以我可以为这个按钮单独做一个。非常感谢，一旦找到最终解决方案，我会发布。当然，没问题。但请在几个浏览器中进行测试，因为这些负边距很难调整。因此，使用此方法，最终产生了代码。它是用小提琴做的，但用FF做的很好看。然而，你是对的，在IE中看起来很糟糕。我向我的老板展示了，最后的决定是简单地创建一个背景图像，并更改javascript，这样它就不再关心跨度了。（最初的编码员当时有一个很棒的想法，只是视觉上很糟糕。为了让一个按钮看起来漂亮，做了大量的工作，这太过分了。）这让我更接近了。蓝色区域移动了一点。问题是，它会影响另一个使用相同CSS类的按钮。所以我可以为这个按钮单独做一个。非常感谢，一旦找到最终解决方案，我会发布。当然，没问题。但请在几个浏览器中进行测试，因为这些负边距很难调整。因此，使用此方法，最终产生了代码。它是用小提琴做的，但用FF做的很好看。然而，你是对的，在IE中看起来很糟糕。我向我的老板展示了，最后的决定是简单地创建一个背景图像，并更改javascript，这样它就不再关心跨度了。（最初的编码员当时有一个很棒的主意，只是视觉上很糟糕。为了让一个按钮看起来好看，需要做大量的工作，这是一个过分的工作。）如果它能帮助你，这里有一个坚如磐石的按钮重置：如果它能帮助你，这里有一个坚如磐石的重置
按钮
：如果这些元素的边距：和填充为0，那么它工作（我昨天测试过）如果这些元素的边距：和填充为0，那么它工作（我昨天测试过）