使用jquery增加字体大小

Question

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

我已设法使用此代码更改颜色：

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

但是，如果我添加font-size，这没有任何反应？ 即。

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

我也试过以下但它似乎仍然无法工作？

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

Answer 1

您似乎已!important超过使用.css()功能所做的更改。所以请执行以下操作。

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

DEMO

Answer 2

尝试这样做：

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 3

我已经提供了一个jsFiddle，希望是你正在寻找的答案

https://jsfiddle.net/07x2trL9/1/

HTML

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

使用Javascript / jQuery的

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

您只需定位输入并更改大小

Answer 4

这只是一个错字吗？试试

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

'em'代替'rem'