css - webkit 渲染边框的最后一个像素：1px dotted；奇怪

Question

在 webkit safari 和 chrome 中，我发现他们渲染了 css 规则的最后一个像素，border:1px dotted;奇怪的是它把最后 2 个像素合并为 1，所以你在行尾得到一个黑色标记..？

有其他人遇到过这个/有工作吗？请看下面的附图

Answer 1

给它一个border-right: 1px solid transparent;风格：http: //jsfiddle.net/4CktD/

这很奇怪，但是，嘿，它有效。