約束按鈕的大小

我需要約束這個按鈕，所以黃色的邊框完全符合加號，就像「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

約束按鈕的大小

回答

相關問題