CSS虚线边框错误？

我只是使用了一个简单的CSS代码：

button {
border: 1px dotted #bebebe;
background: #eeeeee;
font-size: 20px;
color: black;
padding: 7px;
border-radius: 4px;
}

但虚线边框不会显示在左侧：

我做错了什么

编辑：

---

好吧，对于每个有这个问题的人来说，这是关于你正在使用的导航器和缩放。我不知道为什么，但是有些按钮你可以看到四周的边框，有些按钮你看不到

很难看到1像素的虚线边框。如果你放大Cntrl++我想你会看到实际上有一个虚线边框

或者，将1px更改为2px:

边框：2px虚线#bebebe还显示边框存在

编辑：
删除
边框半径：4px
您将看到虚线边框。
浏览器在呈现一像素宽的虚线边框时存在缺陷，请参见Mozilla缺陷报告和Chromium缺陷报告。你似乎已经在Chrome中触发了这样一个bug。在Win7上用Chrome 28beta测试JDSFidle时，我可以看到左边框是实心的，下边框是实心的。（这有点难看，但如果您拍摄屏幕截图并将其缩放或将边框颜色设置为红色，它会变得更清晰。）

恐怕很难找到一个可接受的解决办法。在这种情况下，如果删除圆角（这可能是您不想做的）或将边框宽度设置为2px，错误似乎会消失。
尝试添加像素宽度
左边距
@vinodadhikary在mozilla firefox甚至IE8中也无法正常工作。请指定您的browser@Ankit,另外，Chrome
28.0也能正常工作，你有什么问题吗？在Chrome 1px上，当你放大时，它的虚线是正确的，但当你不放大时，它的虚线是错误的。以100%的缩放比例拍摄屏幕截图，然后放大屏幕截图。没有点。@Zenith，我不明白另一个问题与这个问题有什么关系。