使用 jquery 增大字体大小

Question

我正在尝试运行使用 Optimizely 进行拆分测试，需要增加在我的站点搜索的搜索字段中用作描述文本的字体大小。

我已经使用此代码成功更改了颜色：

$("input[value]").css({"color":"#cc0000"});

但是，如果我为此添加字体大小，什么都不会发生？即

$("input[value]").css({"color":"#cc0000", "font-size" : "1.9rem"});

我也尝试了以下方法，但似乎仍然无效？？

$("input").css({"font-size" : "1.9rem"});

Answer 1

尝试这样做：

var fontSize = parseInt($("input").css("font-size"));
fontSize = fontSize + 1 + "px";
$("input").css({'font-size':fontSize});

或

var fontSize = $('input').css('font-size').split('px')[0];

var fontInt = parseInt(fontSize) + 1;

fontSize = fontInt + 'px';

Answer 2

我提供了一个 jsFiddle，希望它能成为您正在寻找的答案

Html

<input style="font-size:15px" class="big-font" type="text" />

Javascript/jQuery

$(function () {
    $('.big-font').css("font-size", "25px");
});

您只需定位您的输入并像这样更改大小

Answer 3

这只是一个错字吗？尝试

$("input").css({"font-size" : "1.9em"});

'em' 而不是 'rem'

Answer 4

看起来您 !important 覆盖了使用 .css() 函数所做的更改。所以请执行以下操作。

$("input")
    .css({
        'cssText':'font-size:1.9rem !important',
        'color':'#cc0000'
    });

Increase font size with jquery