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

Question

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

我有这个输入:

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

使用这个 css 规则:

#test { font-size:14px; }

但是当我用 jquery 运行它时:

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

输入框调整大小以适应新的字体大小。有可能阻止这个吗？垂直调整大小对我来说没问题，水平调整大小让我很生气 ;)

这是 fiddle .

提前致谢!

Answer 1

你需要在你的 css 中设置一个 max width 属性像这样的东西:

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