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

Javascript 如何停止输入字体大小更改时调整大小,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我一直在stackoverflow中搜索一个类似于我的问题,因为它相对简单,但到目前为止我没有运气,所以它是这样的: 我有以下意见: <input type="text" id="test"/> 但是,当我使用jquery运行时: $('#test').click(function () { $(this).css('font-size', '14px'); }); 输入框将调整大小以适应新的字体大小。有可能阻止这一切吗? 垂直调整大小对我来说没问题,但水平调整大小

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

我有以下意见:

<input type="text" id="test"/>
但是,当我使用jquery运行时:

 $('#test').click(function () {
     $(this).css('font-size', '14px');
 });
输入框将调整大小以适应新的字体大小。有可能阻止这一切吗? 垂直调整大小对我来说没问题,但水平调整大小让我很难受;)

这是你的电话号码


提前谢谢

尝试在文本输入上设置宽度样式。

您需要在css中设置
最大宽度
属性 比如:

#test { 
  font-size:14px; 
  max-width: 150px;
}​ 
将您的
#测试
css更改为

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

您是否已经为文本框指定了宽度和高度?
#test 
{ font-size:14px;height:20px;width:200px; }