Увеличьте размер шрифта с помощью jquery

Question

Я пытаюсь запустить split-тест с помощью Optimizely и должен увеличить размер шрифта, который используется в качестве текста описания в поле поиска моего сайта.

Я сумел изменить цвет, используя этот код:

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

Но если приплюсовать размера шрифта в этом ничего не происходит? т.е.

$("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

Try сделать это следующим образом:

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"}); 

«их» вместо «вещные»