是否可以使.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个字符，任何文本（空格除外）都会执行。