0

フォームの背景画像の表示に問題があります。Webサイトの他のフォームでもうまく機能しますが、フォームのログイン領域に高さと幅を適用したいと思います。実際には画像が表示されますが、幅が広すぎます。CSSの幅を調整すると、他の人にとってはうまく表示されません。だから私はログインエリアだけのためにある種のインライン幅をすることができますか？

お手数をおかけしますが、何卒よろしくお願い申し上げます。

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

4

1 に答える 1

0

このようにフォームにIDを追加します

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

次にcssファイルで：

#login-id 
{
width: XXpx;
}

または、入力にIDを与えることで、要素自体を変更することもできます

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

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

inline: input type = "text" name = "username" style="width:[some px]px;"

(なぜか< >で入れさせてくれません。自分で入れる必要があります)

于 2012-04-04T09:32:07.043 に答える