0

フォームがあり、送信を残りの入力と同じ幅にしたいです。しかし、送信は小さいようです。ここでケースを単純化しました。Firebug または Chrome インスペクターを使用すると、送信されていない入力には 4 ピクセル以上あると表示されます。その4pxがどこから来たのか、誰かが理由を説明できますか?

ここで再生するために単純化された例があります：http://jsfiddle.net/Mq5bq/

HTML:

<form id="form" action="admin_comprovar.php" method="post"><br />
  <input type="text" name="nom" value="name"/><br />
  <input type="text" name="mail" value="mail"/><br />    
  <input type="submit" value="submit">
</form>

CSS:

input { width:180px; padding: 0; }
input[type="submit"] { width:180px; }
4

2 に答える 2

1

別の方法は、ボーダーとパディングを幅/高さにカウントすることです。

input {
    width:180px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

フィドルのデモ

于 2013-02-05T11:27:27.940 に答える
1

これは、<input type="text">要素に幅を追加する境界線があるためです。
ただし、送信ボタンには境界線がありません。これをチェックしてください。
上記の例では、境界線が削除されます。

于 2013-02-05T11:25:03.900 に答える