2012-08-16 129 views
2

我目前正在與Twitter Bootstrap一起工作,並且存在有關元素大小的問題。我想創建一個帶有附加按鈕的輸入字段。這就是爲什麼我使用帶有「input-append」的div,該輸入附加了輸入和按鈕標籤。 現在我的問題:我希望一切都變得更大。所以我給了按鈕標籤屬性「btn大」。不幸的是,輸入字段似乎沒有類似的屬性。 如何使輸入字段符合附加按鈕?將按鈕通過Twitter添加到輸入字段引導

<div class="input-append"> 
    <input class="span3" id="appendedInputButton" size="16" type="text"><button class="btn btn-large" type="button"><i class="icon-search"></i></button> 
</div> 

我的繼承人問題的一個印象:

enter image description here

問候, 克里斯托夫

回答

1

你可以使用下面的樣式,如果你想要更大,然後增加填充。

input, button{ 
    padding: 7px;  
} 
+0

我是這樣做的: input [type =「text」] { padding:9px; } 現在它適合按鈕(該按鈕也被定義爲填充9px)。感謝提示! – cvoigt 2012-08-16 13:46:48

2

定義箱上漿input field。這樣寫:

input, button{ 
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
} 
+1

標準的一個應該在最後位置 – Sherbrow 2012-08-16 11:01:03

+0

好主意,但我改變了填充 - 很簡單。不管怎樣,謝謝你! – cvoigt 2012-08-16 13:49:51

相關問題