jquery - 使用 jquery 增加字体大小

Question

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

我已经设法使用以下代码更改颜色：

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

但是，如果我将 font-size 添加到此，什么都不会发生？IE

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

我也尝试了以下方法，但它似乎仍然不起作用？？

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

score 3 · Accepted Answer

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

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

score 0 · Accepted Answer

尝试这样做：

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';

score 0 · Accepted Answer

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

html

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

Javascript/jQuery

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

您只需将输入作为目标并像这样更改大小

score 0 · Accepted Answer

0

这只是一个错字吗？尝试

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

'em' 而不是 'rem'

于 2015-07-27T11:47:15.160 回答

4 回答 4