码迷,mamicode.com
首页 > Web开发 > 详细

CSS------制作一个带+-的input框

时间:2017-02-05 18:19:27      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:enter   span   height   aaa   ima   img   lin   pad   css   

如图:

技术分享

代码:(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框

标签:enter   span   height   aaa   ima   img   lin   pad   css   

原文地址:http://www.cnblogs.com/tianhengblogs/p/6368068.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!