使用jquery设置范围输入的拇指

Question

我想用jquery更改拇指的背景颜色。 我尝试了以下方法：

<input id="size" type="range" name="size" min="2" max="10" step="0.01" value="5">

$('#color').click(function(){
    var col = ($(this)[0].checked) ? '#000' : '#FFF';
    $('input[type=range]::-webkit-slider-thumb').css('background-color', col);
});

但这给了我一个

  

语法错误，无法识别的表达式

我如何使用Jquery执行此操作？