当我把输入框变成圆角的时候会出现内阴影，如何去掉这个内阴影而又不影响border；

发布网友 发布时间：2022-04-24 02:45

我来回答

共1个回答

热心网友 时间：2023-10-22 18:38

简单的做法就是把两个框的图片用ps切出来（你两个的小图标不一样，图方便就可以切两个大的输入框背景，就是连图标一起切，要灵活点就单独切开）。假设你的HTML结构是

<ul>
<li>账号：<span><input type="text"/></span></li>
<li>密码：<span><input type="text"/></span></li>
</ul>
把背景图设置到span上面、span的样式设置成display:inline-block;width:120px;height:20px;(宽高的设置当然是和你的背景图大小一样)
input的样式把边框和背景设置为none；这样在背景图上就看不出了。
大致思路就是这样。估计你是初学者。还是多看些css的基础知识吧。

热心网友 时间：2023-10-22 18:38

简单的做法就是把两个框的图片用ps切出来（你两个的小图标不一样，图方便就可以切两个大的输入框背景，就是连图标一起切，要灵活点就单独切开）。假设你的HTML结构是

<ul>
<li>账号：<span><input type="text"/></span></li>
<li>密码：<span><input type="text"/></span></li>
</ul>
把背景图设置到span上面、span的样式设置成display:inline-block;width:120px;height:20px;(宽高的设置当然是和你的背景图大小一样)
input的样式把边框和背景设置为none；这样在背景图上就看不出了。
大致思路就是这样。估计你是初学者。还是多看些css的基础知识吧。

热心网友 时间：2023-10-22 18:38

简单的做法就是把两个框的图片用ps切出来（你两个的小图标不一样，图方便就可以切两个大的输入框背景，就是连图标一起切，要灵活点就单独切开）。假设你的HTML结构是

<ul>
<li>账号：<span><input type="text"/></span></li>
<li>密码：<span><input type="text"/></span></li>
</ul>
把背景图设置到span上面、span的样式设置成display:inline-block;width:120px;height:20px;(宽高的设置当然是和你的背景图大小一样)
input的样式把边框和背景设置为none；这样在背景图上就看不出了。
大致思路就是这样。估计你是初学者。还是多看些css的基础知识吧。

热心网友 时间：2023-10-22 18:38

简单的做法就是把两个框的图片用ps切出来（你两个的小图标不一样，图方便就可以切两个大的输入框背景，就是连图标一起切，要灵活点就单独切开）。假设你的HTML结构是

<ul>
<li>账号：<span><input type="text"/></span></li>
<li>密码：<span><input type="text"/></span></li>
</ul>
把背景图设置到span上面、span的样式设置成display:inline-block;width:120px;height:20px;(宽高的设置当然是和你的背景图大小一样)
input的样式把边框和背景设置为none；这样在背景图上就看不出了。
大致思路就是这样。估计你是初学者。还是多看些css的基础知识吧。