虚线边框的CSS边框半径

本文介绍了虚线边框的CSS边框半径的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 29岁程序员，3月因学历无情被辞！ 我使用带圆角的虚线边框，但我遇到了问题。角落的颜色比边框的颜色深。我希望所有的都是相同的颜色。 如果你看到我的代码的输出，那么你可以理解这个问题。 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：非常感谢大家的回复。] 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边框半径的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 上岸，阿里云！