一、文本输入框添加背景
css样式代码：
复制代码 代码示例:
<title>给文本输入框添加背景</title>
<style type="text/css">
.bg {
background-image:url(bgdemo2.jpg);
/*如果想添加你的网站logo，可将这两行注释启用
background-repeat: no-repeat;
background-position: center center;
*/
}
</style>
</head>
<body>
<textarea name="textfield" rows="10" cols="50" class="bg">
文本框漂亮背景，用css定义背景图像。
二、css文本框背景透明
css文本框背景透明：
复制代码 代码示例:
<style type="text/css">
<!--
.byte{ border-top-width: 0px; border-left-width: 0px; font-size: 9pt; background: none transparent scroll repeat 0% 0%; border-bottom-width: 0px; margin: 0px; vertical-align: middle; width: 2em; color: #ffffff; height: 1.2em; text-align: right; border-right-width: 0px
}
.byte2{ border-top-width: 0px; border-left-width: 0px; font-size: 9pt; background: none transparent scroll repeat 0% 0%; border-bottom-width: 0px; margin: 0px; vertical-align: middle; width: 4em; color: #ffffff; height: 1.2em; text-align: left; border-right-width: 0px
}
.phone{ border-right: #000000 0px solid; border-top: #000000 0px solid; font-size: 9pt; background: none transparent scroll repeat 0% 0%; overflow: hidden; border-left: #000000 0px solid; color: #ffffff; border-bottom: #000000 0px solid}
-->
</style>
文本框:
复制代码 代码示例:
<input class=byte
readonly size=2 value=0 name=byte>
<input class=byte2 readonly value="/80 byte" name=byte_limit>
<textarea class=phone onkeypress=checkmsg() onkeyup=checkmsg() onfocus=checkmsgvalue(); onclick=checkmsgvalue(); name=sm_smsmsg rows=5 cols=16>欢迎留言</textarea>
三、css为指定的input文本框添加背景
给文本框添加背景，只要指定input的background-image样式就可以。
代码：
input#sometextbox {
background-image:url('back-image.gif');
background-repeat:no-repeat;
padding-left:20px;
}
