Question

html怎么把这个文本框变为透明？

http://www.xs0515.cn/pansy/9/

背景图片被文本框盖住了 好难看 怎么弄

Answer 1

1、新建一个空白文档后，点击菜单栏切换到“插入“菜单。

2、点击”插入“菜单下的”文本框“，选择”横向“文本框。

3、在插入的文本内输入文字内容后，点击文本框的边框就选中了文本框。

4、右键点击文本框边框，在弹出功能菜单中选择点击”设置对象格式“。

5、在文本框属性设置中，把”填充与线条“中的”线条“改为”无线条“。

6、这样文本框边框的黑线条就消失了，即变为透明的了。

Answer 2

input标签原来是带有白色的背景，如果要实现背景透明可以用css来控制背景：

1，把背景改成透明的

<input type="text" style="border:0px;background:rgba(0, 0, 0, 0); ">

2，直接隐藏背景

<input type="text" style="border:0px;background:none;">

Answer 3

<tr bgcolor="#EFEFEF"> 你给tr 加了背景色了

把 bgcolor="#EFEFEF" 去掉

如果想要文本框也透明就看看下面的例子吧

样式表:
<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>

Answer 4

用滤镜
<textarea style='filter:alpha(opacity=60)'></textarea>

Answer 5

http://wenku.baidu.com/view/66923f670b1c59eef8c7b4c1.html

看看这个文档，没有楼上这么多代码，也是简单易行的……不错的哦；当然，楼上的代码除了复杂还是不错的