子弹未在Chrome / Safari中垂直居中

Question

在Chrome和Safari中，我发现li子弹盘位于垂直居中的1px以下（是的，它只有1px，但这个像素对我的设计团队很重要）。无论如何在没有改变html，用图像替换子弹或用伪造元素创建它们的情况下纠正这个问题？

注意：由于文本是9px高而子弹是4，它总是会以1px过高或过低结束，我的问题是它的额外像素低于该值。

ul {
font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
font-size: 12px;
line-height: 18px;
}

http://jsfiddle.net/pixeloco/VWnXr/

Answer 1

这是一个解决方案。 在不触及html的情况下，您可以使用:before通过css插入项目符号。

li:before {
    content: '';
    background-color: #ccc;
    display: inline-block;
    position: relative;
    height: 6px;
    width: 6px;
    border-radius: 6px;
    margin-right: 4px;
    top: -1px;
}

http://jsfiddle.net/VWnXr/6/

但技术上没有解决方法not possible