登录区域的内联宽度,覆盖CSS中的默认值

时间:2012-04-04 09:11:19

标签: html css background width

请问我的表单背景图片显示有问题。它适用于网站上的其他表单,但我想将一些高度和宽度应用到表单的登录区域,它实际上显示图像但宽度太大。如果我调整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" >

1 个答案:

答案 0 :(得分: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; } 

内联:输入type =“text”name =“username”style =“width:[some px] px;”

(由于某种原因,不允许我将其与&lt;&gt;一起使用,你必须自己把它放在那里)