约束按钮的大小

我需要约束这个按钮，所以黄色的边框完全符合加号，就像“Go”一样。 enter image description here 约束按钮的大小

这里是按钮的CSS，援助：

#addinput{ 
     border-radius: 10px; 
     font-family: 'Belgrano', serif; 
     color: #FFE200; 
     text-shadow: 0px -1px 1.9px #fff, 0px 3px 2px #000; 
     background:transparent; 
     font-size: 3em; 
     height:50%; 
     background-size: 40% auto; 
     display:block; 
     border:1px solid yellow; 
    }

PIC 2

enter image description here

来源

2012-12-24 j1nma

高度不是相对百分比值，而是绝对值（例如px）绝对有帮助！ –

@yabol发生这种情况（见图2） – j1nma

看看我的答案。欢呼 –

设定的高度值，行高少，也在像素。见jsfiddle。

#addinput{ 
    border-radius: 10px; 
    font-family: 'Belgrano', serif; 
    color: #FFE200; 
    text-shadow: 0px -1px 1.9px #fff, 0px 3px 2px #000; 
    font-size: 3em; 
    display: block; 
    border: 1px solid yellow; 
    height: 40px; 
    line-height: 30px; 
}

来源

2012-12-24 08:34:27

行高ROCKS – j1nma

的height:50%导致它伸展，如果删除边框会伏贴一直围绕着它。

来源

2012-12-24 08:24:59

不，它回到第一张图片，所有额外的空间高于和低于 – j1nma

你可以尝试在容器内的段落包裹+：

<div id="addinput"><p>+</p></div>

然后CSS将是：也许有点在PX

#addinput p { 
    margin-bottom: -10px; 
    margin-top: -10px;  
}

来源

2012-12-24 08:30:16 Durty

这是一个输入buttom类型，仍然不工作 – j1nma

约束按钮的大小

回答

相关问题