在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}
运行效果: