border - CSS 虚线边框的边框半径

Question

我使用带有圆 Angular 的虚线边框，但遇到了问题。 Angular 的颜色比侧边框的颜色更深。我希望所有颜色都是相同的。

如果您看到我的代码的输出，那么您就可以理解问题所在。这是我的代码:

<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

实心 Angular 是 Firefox(和其他基于 Gecko 的浏览器)的限制。 MDN says :

Dotted and dashed rounded border corners are rendered as solid in Gecko; see bug 382721.