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

Question

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

Answer 1

像这样向表单添加一个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; } 

内联：输入类型=“文本”名称=“用户名”样式=“宽度：[某些像素]像素；”

（不让我把它和 < > 放在一起，你必须自己把它放在那里）