在CSS中创建真正的transparent div

我想设计一些好东西。我将框阴影添加到输入元素中

正如您所看到的，这些输入元素并不是真正透明的。我想看看输入后面的阴影

我试过了

input{
   background: none;
}

及

---

我得到了同样的结果。我怎样才能看到阴影灯？

阴影看起来只是在外面画阴影，并不是因为有背景色挡住了它，阴影只是在里面不存在

您可以使用伪元素并模糊它。此外，伪元素对输入不起作用，因此必须将其包装在div中

输入{
背景：透明；
宽度：100px；
}
#输入容器{
宽度：100px；
}
#输入容器：：之后{
内容：“；
显示：块；
位置：绝对位置；
宽度：100px；
高度：20px；
背景：蓝色；
转换：转换（0，-15px）；
过滤器：模糊（10px）；
指针事件：无；
}

请发一封信

input{
   background: transparent;
}