Button 约束按钮大小

我需要约束此按钮，使黄色边框完全适合加号，就像“Go”一样。

以下是按钮的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;
    }

图2

---

高度：50%会导致它拉伸，如果你移除，边框将完全适合它。

你可以尝试将+包装在容器内的一段中：

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

---

在px中设置高度值，行高度可能会稍微小一些，同样在px中。看

---

高度不是相对百分比值，而是绝对值（例如px）绝对有帮助@yabol这种情况会发生（参见图2）不，它会像第一张图片一样返回，上面和下面都有额外的空间

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

#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;
}