虚线边框的CSS边框半径 [英] CSS border radius for dotted border
问题描述
我使用带圆角的虚线边框,但我遇到了问题。角落的颜色比边框的颜色深。我想要所有的颜色相同。
如果你看到我的代码的输出,那么你可以理解这个问题。 heres我的代码:
< form action =checklogin.phpmethod =post>
< table style =border:1px dotted#0000ff; -moz-border-radius:7px;
-webkit-border-radius:7px; border-radius:7px; align =center>
< caption>< b>管理员登录< / b>< / caption>
< tr>
< td>用户名:< / td>
< td>< input name =usernameid =usernametype =text/>< / td>
< / tr>
< tr>
< td>密码:< / td>
< td>< input name =passwordid =passwordtype =password/>< / td>
< / tr>
< tr>
< td>< / td>
< td>< input name =submitid =submittype =submitvalue =登录/>< / td&
< / tr>
< / table>
< / form>
请告诉我如何修复它。
感谢。
[ RESOLVED:非常感谢大家的回复。]
< div实例是Firefox(和其他基于Gecko的浏览器)的限制。 MDN说:
点缀和虚线圆角边框在Gecko中渲染为实体;请参阅错误382721 。
I'm using dotted borders with round corners but I'm getting a problem. The corners are in a deeper color than the side borders. I want all to be of the same color.
If you see the output of my code then you could understand the problem. heres my code:
<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>
Please tell me how can I fix it.
Thanks.
[ RESOLVED: Thank you so much everybody for your kind replies.]
The solid corners are a limitation of Firefox (and other Gecko-based browsers). MDN says:
Dotted and dashed rounded border corners are rendered as solid in Gecko; see bug 382721.
这篇关于虚线边框的CSS边框半径的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!