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

Question

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

我有这个输入：

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

使用此 CSS 规则：

#test { font-size:14px; }

但是当我用 jquery 运行它时：

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

输入框调整大小以适应新的 font-size。有可能阻止这种情况吗？垂直调整大小对我来说没问题，是水平调整大小让我丧命；）

提前致谢！

score 1 · Accepted Answer

1

尝试将宽度样式放在文本输入上。

于 2012-06-07T08:00:37.843 回答

score 1 · Accepted Answer

你需要max width在你的css中设置一个属性，比如：

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

score 1 · Accepted Answer

1

#test将您的CSS更改为

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

于 2012-06-07T08:00:55.050 回答

3 回答 3