0

シンプルなログインフォーム幅のユーザー名とパスワードのフィールドと送信ボタンがあります。送信ボタンをクリックする前は、入力フィールドの幅は212px期待どおりです。送信ボタンをクリックすると、幅が に変わります200px。

入力のCSSは次のとおりです。

.textInput  {
        padding: 6px;
        width: 200px;
        background-color: #15242A;
        border: none;
        color: #BFE6FE;
        margin: 2px;
        display: inline-block;
}

そして、ここに入力があります：

<input type="text" class="textInput" name="username" value="<?php if (isset ($username)) echo stripcslashes($username); ?>"/>

それはどのdivにもありません。私が望むのは、フォームを送信する前後に同じ幅を維持することだけです

完全なコードへのリンクは次のとおりですhttp://jsfiddle.net/kEWdd/

4

3 に答える 3

1

送信ボタンとフォームタグを含む完全な HTML ページを教えてください。問題は、おそらくフォーム タグのネイティブ スタイルにある可能性があります。それをスタイリングしてみてください。

または次のようなものを試してください。

form{
   display : inline-block;
   width : 200px;
   margin : 0;
   padding : 0;
}
于 2012-09-29T09:16:08.093 に答える
0

答えてくれたみんなありがとう。私は問題を理解しました。HTMLタグの外側にあるphpのjsコードをエコーし​​ていました。エコーを頭の中で動かしたら、離れたときの問題。

于 2012-10-04T13:33:44.857 に答える
0

私はjsfiddleへのリンクを試していましたが、その問題はありません。を使用しない場合でも問題がないかどうかを確認してくださいstripcslashes。

于 2012-09-29T08:57:17.487 に答える