用于虚线边框的CSS边框半径

Question

我使用带圆角的虚线边框，但出现问题。角落的边界颜色比边界更深。我希望所有人都具有相同的颜色。

如果你看到我的代码的输出，那么你可以理解这个问题。继承人我的代码：

<form action="checklogin.php" method="post"> 
    <table style="border:1px dotted #0000ff;-moz-border-radius:7px; 
     -webkit-border-radius:7px;border-radius:7px;" align="center"> 
     <caption><b>Admin Login</b></caption> 
     <tr> 
      <td>Username : </td> 
      <td><input name="username" id="username" type="text" /></td> 
     </tr> 
     <tr> 
      <td>Password : </td> 
      <td><input name="password" id="password" type="password" /></td> 
     </tr> 
     <tr> 
      <td></td> 
      <td><input name="submit" id="submit" type="submit" value="Log in" /></td> 
     </tr> 
    </table> 
</form> 

请告诉我如何解决它。

谢谢。

[解决：谢谢你这么多大家对你的一种答复。]

Answer 1

固体边角是Firefox（和其他基于Gecko的浏览器）的限制。 MDN says：

点线和虚线圆角的边框边角在壁虎渲染为固体;见bug 382721。

Answer 2

为何不像

<form action="checklogin.php" method="post" style="display:block;border:1px dotted #0000ff;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:10px; width:200px; padding:10px; margin-left:auto; margin-right:auto;" > 
<h2 style="text-align:center; font-weight:bold">Admin Login</h2> 
<labe for="username">Username : </label> 
<input name="username" id="username" type="text"/> 
<labe for="password">Password : </label> 
<input name="password" id="password" type="password" /> 
<input name="submit" id="submit" type="submit" value="Log in" style="display:block" /> 
</form>​ 

你将避免表和用户更容易在处理标签输入顶部不在左侧。您可以在这里查看jsfiddle