框的邊框與填充

我有以下代碼：框的邊框與填充

.submit_wrap { 
    padding: 1px; 
    border: 1px solid #b0e1c4; 
} 

.submit { 
    height: 20px; 
    background: url(images/design/button_bg.gif) repeat-x; 
    padding: 1px 10px 0 10px; 
    border: 0; 
    color: #ffffff; 
    font-weight: bold; 
    font-size: 12px; 
} 

.submit:hover { 
    background: url(images/design/button_bg_selected.gif) repeat-x; 
}

而且我想將它應用到一個提交按鈕：

<div class="submit_wrap"> 
    <input class="submit" type="submit" name="submit" value="Conectare"> 
</div>

而是獲得這樣的： enter image description here

我得到這個： enter image description here

我可以設置submit_wrap類的寬度，但問題是我想將這個類應用於更多的提交按鈕，並且此按鈕的寬度有所不同。我該怎麼辦？

來源

2012-04-04 Florin Frătică

display: inline-block

將它添加到.submit_wrap

來源

2012-04-04 19:17:25 samccone

感謝。有效。 – 2012-04-04 19:23:58

@FlorinFrătică接受？ – samccone 2012-04-04 20:04:49

框的邊框與填充

回答

相關問題