如何设置html表单里text文本框是透明的

如题所述

推荐答案 2016-11-06

input标签原来是带有白色的背景，如果要实现背景透明可以用css来控制背景：
1，把背景改成透明的
<input type="text" style="border:0px;background:rgba(0, 0, 0, 0); ">

2，直接隐藏背景

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

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/n9xiDsn9p2spn2nsU9i.html

其他回答

第1个回答 2020-03-17

任意标签：比如<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.5;opacity: 0.5;

相似回答

html中表单里文本上传file,怎么让他在网页上只显示按钮不显示文本框...答：把这个标签设置display=none来实现隐藏，然后设置一个按钮，通过js点击，来触发文件上传事件，就可以了

html 里 怎么设置 密码框 表单的 显示样式答：<html><style type="text/css"> c { position: relative;} a { position: absolute; left: 10; top: 10; font-size: 12px; font-family: 宋体; } b { position: absolute; left: 10; top: 10; font-size: 12px; font-family: 宋体; -moz-opacity:0;opacity: 0;fi...

js如何控制html文本框,为空不能提交表单答：可以通过js获取表单input 的值，给值做判断，是否为空，html中form表单的制onsubmit属性。html中插入<form>如下：<form action="" method="post" name="form" onsubmit="return check()">js代码判断如下：：function check(){var name = document.getElementById("name");if(name == ""){ ...

【在线等】html-表单-文字域里的初始值和输入文字的颜色和字体如何设置...答：在你下面的样式里加：color:#FFF;input style="background: transparent; border: 0px solid #000000; color:#FFF;"这样字的颜色就是白色的了

html表单中如何设置字体属性之类的?答：直接给表单中对应的元素设置相应的css样式就是可以实现设置字体等属相的样式的。设置表单输入框字体样式的代码实例如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>float</title></head><form action="" method="post"><input type="text" id="text" value="" /><input type...

请教:HTML.当表单中文本框被选中时,按钮的出现黑色边框。如何去掉答：1px solid #dddddd;background-color:#dddddd;font-family:Arial;'></textarea> 上面的是我用的一个文本，你改个 border: 0px;就可以了 style="border: 0px;"参数自己会修改就好，我用的下面这个文本框，根本和网页显示的一样，完全不可见 http://xzzxyz.cn/javascript/movetext.htm ...

大家正在搜

设置表单文本框的文本用于输入文本框的表单是 html表单文本框大小表单文本框的大小怎么修改 html多行的文本框网页设计表单文本框大小 form表单文本框对齐表单文本框表单怎么调节文本框