是否可以为表单中的文本字段提供背景颜色?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了是否可以为表单中的文本字段提供背景颜色?相关的知识,希望对你有一定的参考价值。

我不想将颜色设置为输入字段;我希望将背景颜色设置为文本字段。请参阅附图。就像前两个字段中的黑色背景一样,我想只为前两个带有背景颜色的字段着色。完整的表格可以给出背景颜色,这不是我想要的;我希望表单除了前两个字段外都是白色的。

答案

正如我从你的图像中可以理解的那样。你需要给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我希望它满足你的要求。如果是,那么就投票给这个ans。

另一答案

您可以使用宽度为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%;
}

我希望这能帮到您。

另一答案

用这个..

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

你的意思是......

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

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

以上是关于是否可以为表单中的文本字段提供背景颜色?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery UI高亮效果可以应用于表单文本输入吗?

如何将图像视图颜色设置为文本字段背景颜色

使文本字段背景透明,但占位符文本不透明

使用文本文件为 Access 表单中的字段提供默认值

有条件地格式化子表单中的组合框

是否可以将控制台中的文本颜色和背景颜色更改为不同的颜色,同时仍然在同一行上? C++