1

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

我有这个输入：

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

使用此 CSS 规则：

#test { font-size:14px; }

但是当我用 jquery 运行它时：

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

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

这是小提琴。

提前致谢！

4

3 回答 3

1

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

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

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

#test { 
  font-size:14px; 
  max-width: 150px;
}​
于 2012-06-07T08:00:51.510 回答
1

#test将您的CSS更改为

#test 
{ font-size:14px;height:20px;width:200px; }
于 2012-06-07T08:00:55.050 回答