css输入框里的默认背景字怎么设置

html-css04

css输入框里的默认背景字怎么设置,第1张

在css中，可以color属性来设置文本框内的文字颜色，操作方法如下。

设备：联想电脑

系统：win10

代码编辑器：zend studio 10.0

1、首先新建一个html文件，命名为test.html，在test.html文件内，使用input标签创建一个输入框。

2、在test.html文件内，设置input标签的class属性为myin。

3、在css标签内，通过class定义input的样式，设置它的宽度为250px，高度为35px。

4、在css标签内，再使用color属性设置输入框文字的颜色为红色。

5、最后在浏览器打开test.html文件，查看实现的效果。

为了达到更好的交互效果，提高用户友好度，对文本框输入框之类的美化工作是很必要的。一般的美化工作可以直接通过使用CSS完成，方法也十分简单，如下：1、首先制作一张输入框的背景图，如上图所示。2、添加按钮的Html代码：<input type=button class=Selectbg3、然后用css代码将它定义：<stylebody{font-size:12px }.Selectbg{border:nonewidth:150px height:20px background-image:url(image.gif) text-align:leftline-height:20px }</style在写CSS代码的时候要注意，如果背景图中带边框，一定要将输入框的边框去掉，否则会显示默认边框；其次还要将高度和行高定义好，否则点击输入框后文字的位置会很难看。

css设置文本框输入字体颜色：

直接设置placeholder的字体颜色为红色就行可以了。比如：

input{color:#fff}

input::-webkit-input-placeholder{color:#fff}

运行效果：