2

它在你的屏幕上是这样冷却的吗？这是截图我正在使用带圆角的虚线边框，但我遇到了问题。边角的颜色比侧边的颜色深。我希望所有人都具有相同的颜色。

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

<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>

请告诉我该如何解决。

谢谢。

[已解决：非常感谢大家的友好回复。]

4

2 回答 2

8

实心角是 Firefox（和其他基于 Gecko 的浏览器）的限制。MDN 说：

虚线圆角在 Gecko 中呈现为实线；请参阅错误 382721。

于 2012-12-05T14:47:46.530 回答
-1

为什么不喜欢

<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

于 2012-12-05T14:38:09.733 回答