CSS------制作一个带+-的input框
Posted 玉天恒
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS------制作一个带+-的input框相关的知识，希望对你有一定的参考价值。
如图：
代码：(div和input之间要连续写在一起，不能换行)
<div style="font-size:36px;margin-top:30px"> <div style="display:inline;background-color:#f9f9f9;padding-left:5px;padding-right:5px;border:1px solid #aaa">-</div>
<input type="number" value="1" readonly style="text-align:center;font-size:25px;height:45px;margin-top:-6px;width:100px;border-left:0px;border-right:0px;border-bottom:1px solid #aaa"/>
<div style="display:inline;background-color:#f9f9f9;border:1px solid #aaa">+</div> </div>
以上是关于CSS------制作一个带+-的input框的主要内容，如果未能解决你的问题，请参考以下文章