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

发布网友发布时间：2022-03-03 09:23

共2个回答

热心网友时间：2022-03-03 10:52

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

2，直接隐藏背景

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

热心网友时间：2022-03-03 12:10

任意标签：比如<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表单里text文本框是透明的