框的边框与填充

我有以下代码：框的边框与填充

.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

框的边框与填充

回答

相关问题