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

html-css019

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文件，查看实现的效果。

我觉得就两种方法吧：

一、把文字做成图片，然后将图片作为背景。当然这样的话文字是没办法动态生成的。

二、把文字层作为底层，上层放内容。

举个例子：

.page{

width:100px

height:100px

position:relative}

.textbg{

position:absolute

left:0px

top:0px

width:100px

height:100px

z-index:-1

color:#999999

}

<div class="page">

<div class="textbg">背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字</div>

<span>内容文字内容文字内容文字</span>

</div>

解决办法：

1、调整背景图片，把背景图片改大或者改小。

2、改CSS。可以调整文字的大小、文字间距、行高等使之与背景图片匹配。

注意：以上方法无论哪一种，都需要注意整个容器div的大小。随时调整。确保能装下内容。