css - 如何添加自定义框阴影

Question

我只想要下图设计中的框阴影

我已经为所有人尝试了以下代码

box-shadow: inset 0 0px 2px rgba(0,0,0,.39);

但是输出看起来像

我已经更改了框阴影值无法获得准确的输出。任何人帮助这个..谢谢。

Answer 1

最好使用 -webkit-box-shadow、-moz-box-shadow 和 box-shadow 以获得更好的输出。

input{
  width:100px;
  padding:15px;
  -webkit-box-shadow: inset 0px 2px 15px -5px rgba(0,0,0,0.39);
-moz-box-shadow: inset 0px 2px 15px -5px rgba(0,0,0,0.39);
box-shadow: inset 0px 2px 15px -5px rgba(0,0,0,0.39);
}

<input type="text" />