CSS border radius for dotted border
12,005
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.
Author by
user1844626
Updated on June 04, 2022Comments
-
user1844626 almost 2 years
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.]