輸入爲0時，與輸入前置組合/追加

Question

我試圖在Rails應用程序中使用的自舉和我字體大小已經嘗試過直接或使用自舉-SASS/anjlab-自舉-導軌包括引導CSS。

在他們三人中，我面臨的一個奇怪的問題，我沒有uderstand。

我有以下的html代碼：

<div class="input-append"> 
    <input type="text" /><a href="#" class="btn">?</a> 
</div> 

渲染是好的，但是當我在場上打字什麼的，什麼都不出現。進一步調查，我發現input-prepend/append將font-size設置爲0，然後文本似乎變得不明顯。

我也不曾忘記，當我寫我的HTML代碼的東西嗎？這是對的嗎 ？

在此先感謝

Answer 1

最後，我發現問題。我沒有意識到我有一個與我的代碼的這部分衝突的其他樣式表。衝突中隱含的代碼如下：

input, textarea { 
    font-size: 1.1em !important; 
} 

當我評論這種風格的聲明時，它又像魅力一樣工作。我不明白爲什麼這會導致我有一些奇怪的行爲。就我而言，這個定義來自bootstrap.css之後。

Answer 2

我只注意到這個問題，以及和能夠追查原因。

引導程序的（版本2）css規則.input-append和.input-prepend將字體大小設置爲0以消除水平空白。然後幾個元素重置爲正確的字體大小，但重置中不包含.btn。通過添加.btn以獲得恢復的字體大小的元素列表我能解決這個問題。

注：這不再是引導3個問題，因爲新.input-group款式依靠浮動，而不是以前的inline-block的方式（與空白黑客）。