是否可以在表單的文本字段中賦予背景色？

Question

我不想將顏色設置為輸入字段。 我希望將背景色設置為文本字段。 請參閱所附圖片。 像前兩個字段上的黑色背景一樣，我只想使用背景色為前兩個字段上色。 可以給完整的表格提供背景顏色，這不是我想要的。 除了前兩個字段之外，我希望表單為白色。

Answer 1

從您給定的圖片中我可以理解。 你需要給fieldset和前兩個字段應該是在<div>標簽，然后你可以設置style="background-color:black;"

例如：

<form action="demo_form.asp" style="color:green;">
    <fieldset><legend> Personal Details </legend>
    <div style="background-color:black">
First Name: <br>
<input type="text" name="fname" placeholder="Enter First Name"><br>
Last Name: <br>
<input type="text" name="lname" placeholder="Enter Last Name">
    </div>
Date Of Birth: <br>
    <input type="text" name="dob" placeholder="mm / dd / yy"><br>
        </fieldset>
</form> 

JSFiddel我希望它滿足您的要求。 如果是的話，請對此投票。

Answer 2

您可以使用寬度為100％的自定義div / class； 在前兩個文本框后面。

HTML：

<form>

<div class="colored">
............
first two text-boxes
...........
</div>

................
rest all text-box/form
...............

<form>

CSS：

.colored{
float:left;
background-color-#000;
width:100%;
}

我希望這能幫到您。

Answer 3

用這個..

input, input[type="text"]{
background-color:#000;
}

Answer 4

你的意思是這個.....

 input{
    border:1px solid #ddd !important;
    background-color:transparent;
    background-color:#000;
    cursor:pointer;
    color:#fff;
    padding:10px;
  }

http://jsfiddle.net/kisspa/LFLkp/