ログイン領域のインライン幅は、CSSのデフォルトよりも優先されます

Question

フォームの背景画像の表示に問題があります。ウェブサイト上の他のフォームでもうまくいきますが、フォームのログイン領域に高さと幅を適用したいのですが、実際に画像を表示していますが、幅が大きすぎます。私はCSSの幅を調整する場合、それは他の人のためによくdispaly。だから私はログイン領域だけのインライン幅の並べ替えを行うことができます。

あなたの時間と忍耐力をお寄せいただき、ありがとうございます。

CSS

form { 
    background-color: red; 
    width: 550px; 
    background: url(../images/back.gif)   top right: 
    } 

HTML

  <form action="form.php" method  = "post"> 
    Username: <input type = "text" name  = "username"> 

    Password: <input type = "password"  name = "password" > 

Answer 1

この

<form id="login-id" action="form.php" method  = "post"> 
Username: <input type = "text" name = "username"> 
Password: <input type = "password" name = "password" > 

のようなフォームにIDを追加

次に、CSSファイルで：

#login-id 
{ 
width: XXpx; 
} 

またはあなたが入力

<input id="form-user" type = "text" name = "username"> 

css: 
#form-user { width:50px; } 

インラインにidを与えることによってthemselvesasもの要素を変更することができます。入力タイプ=「テキスト」名前=「ユーザ名」スタイル= "幅：[いくらかのpx] px;"

最初のソリューションは、クリーンでプログレッシブに見える