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

html-css018

html怎么把这个文本框变为透明?,第1张

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

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

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

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

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

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

任意标签:比如<input>

<!DOCTYPE html>

<html>

<head>

<title>透明文本框</title>

<style type="text/css">

input {

filter: alpha(Opacity=80)

-moz-opacity: 0.5

opacity: 0.5

}

</style>

</head>

<body>

<input value='三生三世十里桃花'> </body>

</html>

即可实现透明文本框,filter: alpha(Opacity=80)-moz-opacity: 0.5opacity: 0.5

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

1,把背景改成透明的

<input

type="text"

style="border:0pxbackground:rgba(0,

0,

0,

0)

">

2,直接隐藏背景

<input

type="text"

style="border:0pxbackground:none">