很多朋友对于css设置input的样式和css设置input按钮大小不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！
一、如何定义input标签中 type="text"的CSS样式
可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。
1、新建html文档，添加5个input标签，其中第一个和最后一个“type”属性的属性值为“text”：
2、在head标签和body标签之间添加style标签，添加代码“input[type=text]”，“input”指的是标签名，“type”指的是属性名，“text”指的是属性值，这个就会把所有属性名为“type”、属性值为“text”的input标签选中：
3、为被选择的标签设置背景色为红色，这时属性值为“text”的第一个标签和最后一个标签背景色都变成了红色：
二、如何设置input 的背景颜色
可以用input的css中background属性设置。
1、新建html文件，在body标签中，输入一个input标签，用浏览器打开这个文件，可以发现input标签的默认背景色是白色：
2、为了防止当前input背景色和其他input标签冲突，我们可以给当前input设置唯一id，这里用“demo”为例：
3、在head标签和body标签之间添加样式标签style，在style标签中，输入‘#demo{backgroung: red;}’，这里以红色背景色为例，此时浏览器中的input标签背景颜色变成了红色：
4、除了用css设置input的背景颜色，还可以用JavaScript动态设置input背景颜色。在body标签和html标签之间添加script标签，先获取元素的id，再获取背景颜色属性。如图所示，在script标签中输入“document.getElementById('demo').style.background='pink';”，这里以粉色为例，此时浏览器中的input标签背景颜色变成了粉色；
三、input标签 css设置
设置的方法和详细的操作步骤如下：
text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。
2、第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。
3、第三步，完成上述步骤后，预览效果，可以知道默认宽度为10，见下图，转到下面的步骤。
4、第四步，完成上述步骤后，通过设置size属性来修改宽度，见下图，转到下面的步骤。
5、第五步，完成上述步骤后，再次预览效果，宽度减小了，见下图，转到下面的步骤。
6、第六步，完成上述步骤后，如果修改其他内容需要添加“style”属性，见下图，转到下面的步骤。
7、第七步，完成上述步骤后，预览最终效果，可以看到宽度和高度已更改，见下图。这样，就解决了这个问题了。
四、如何设置html的input框的高度和宽度!
设置html的input框的高度和宽度步骤如下：
1、首先用sublime text2新建一个测试用的html页面。
2、这个时候在网页中添加以个label标签和一个input框。
3、预览一下效果，我们可以知道默认的宽度是10。
4、这里我们通过设置size的属性修改一下宽度。
5、再预览一下效果。是不是宽度减少了。
6、如果是简单改变宽度这就足够了，但是如果修改一下其他的东西。我们需要加上style属性。
7、预览一下最终的效果。可以看到宽度和高度都改变了。
五、web前端,输入选择框选中状态下的css样式如何改
input:focus{border:3pxsolid#30AB92;border-radius:5px;background:url("2.jpg")；}
代码大概是这样写的，你自己去调整一下就能做的一样的了input:focus获取焦点，也就是你点击输入框的时候执行它设置的样式不选择了就还原
代码大概是这样写的，你自己去调整一下就能做的一样的了input:focus获取焦点，也就是你点击输入框的时候执行它设置的样式不选择了就还原
六、html文本框圆角边框css样式怎么写
html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”，也可以使用“%”，单位不同效果也不同。具体代码如下：
<title>Document</title>
<textarea style="border-radius: 50px; width: 100px; height: 100px;"></textarea>
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
七、input标签里的字体颜色怎么改
input标签里的字体颜色更改步骤如下：
1、首先，我们先新建一个简单的html文档，只有一个input框就可以，然后为这个input框定义一个宽度和高度，还有字体颜色大小，以及placeholder的值。
2、然后在浏览器中查看，发现我们input框中的提示性文字，即placeholder是灰色的，并不是我们设置好的颜色。我们检查元素可以看到input的color值是红色的。
3、这是因为placeholder中文字的颜色并不是由input的color值控制的，我们需要重新为其书写样式。我们需要加入在元素后面加上::，然后加上input-placeholder这一个属性。
4、但是仅仅加上这个还是不够的，现在各大浏览器内核相对较多，我们需要同时兼顾多种浏览器，因为这一所谓的属性的浏览器兼容性不是很好。
5、这时，我们再次在浏览器中查看这个页面的时候，input中的提示性文字就变成蓝色的了。
6、这样设置了之后，我们页面中所有的input标签的placeholder中文字都是蓝色的了。
OK，本文到此结束，希望对大家有所帮助。
