是否可以使.tt-輸入變寬？

Question

的typeahead例如on the typeahead website似乎限制元素的使用style的3em !important的.tt-input的寬度，這樣，當你輸入的東西是長於3em它開始滾動出來的觀點在這個小小的輸入。

如何讓.tt-input變寬？

下面是一個截圖，幫助解釋我在說什麼：http://oi57.tinypic.com/2vvt9qc.jpg。

Answer 1

設置類此：

input.tt-input { 
width:auto !important; 
} 

...確保你把它放在typehead CSS以便它覆蓋了。

Answer 2

這似乎是硬編碼到自舉-tagsinput.js，見線46-47：

var inputWidth = (this.inputSize < 3 ? 3 : this.inputSize) + "em"; 
this.$input.get(0).style.cssText = "min-width: " + inputWidth + " !important;"; 

inputSize是基於所述佔位符文本計算的。如果沒有，則默認爲3em。您可能想要更改這些行以獲取不同的值，或完全刪除該屬性。我不完全確定爲什麼它在那裏。

Answer 3

我有同樣的問題，Eepzy是正確的：bootstrap-tagsinput.js不使用placeholder文本來確定輸入字段的大小，但3em，如果你沒有一個placeholder文本是一個至少3個字符僅用於長。

我覺得編輯第三方js並不是一般的好習慣。

我們的問題有一個不同的解決方案：只使用佔位符文本。

<input type="text" class="tagsinput" placeholder="Type here..."/> 

只要長度至少爲3個字符，任何文本（空格除外）都會執行。