gpt4 book ai didi

html - 如何使输入元素完全透明?

转载 作者:行者123 更新时间:2023-12-01 23:54:40 26 4
gpt4 key购买 nike

如何使输入元素完全透明,使其具有正文背景图像而不是其父元素的背景颜色?
HTML代码:

body{
background-image:url("https://upload.wikimedia.org/wikipedia/commons/3/35/Neckertal_20150527-6384.jpg");
}

#wrapper{
background-color: white;
height: 100px;
}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>

</head>
<body>
<div id="wrapper">
<input type="text">
</div>
</body>
</html>

最佳答案

添加css如下:

#wrapper > input {
background-color: transparent;
border: none;
}

如果你也想去掉焦点的边框,那么添加:

#wrapper > input:focus {
outline:none;
}

关于html - 如何使输入元素完全透明?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62978448/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com