如何在字体大小更改时停止输入调整大小

Question

我一直在stackoverflow中搜索类似于我的问题，因为它相对简单，但到目前为止我没有运气，所以在这里：

我有这个输入：

<input type="text" id="test"/>

使用此css规则：

#test { font-size:14px; }

但是当我用jquery运行它时：

 $('#test').click(function () {
     $(this).css('font-size', '14px');
 });

输入框调整大小以适应新的字体大小。有可能阻止这个吗？ 垂直调整大小对我来说是好的，它是横向调整大小来杀死我;）

这是fiddle。

提前致谢！

Answer 1

尝试在文本输入上添加宽度样式。

Answer 2

您需要在css中设置max width属性 类似的东西：

#test { 
  font-size:14px; 
  max-width: 150px;
}​ 

Answer 3

将#test css更改为

#test 
{ font-size:14px;height:20px;width:200px; }