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

テーブルを避け、ユーザーにとっては、左側ではなく入力の上にあるラベルを処理する方が簡単です。ここで確認できます

于 2012-12-05T14:38:09.733 に答える