如何在JQuery旋钮中更改字体大小

时间:2015-03-09 16:42:49

标签: jquery canvas input font-size jquery-knob

我在jQuery Knob插件中遇到问题。我想更改圆圈内的字体大小并更改输入文本的内容。

1 个答案:

答案 0 :(得分:8)

我似乎可以整齐地执行此操作的唯一方法是挂钩draw函数,并使用i属性来设置输入的样式。例如,这里有一个应用CSS属性来旋转输入元素并设置字体大小。



$(".dial").knob({
    'min':-50,
    'max':50,
    'draw': function() {
        $(this.i).css('transform', 'rotate(180deg)').css('font-size', '10pt');
      }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://anthonyterrien.com/js/jquery.knob.js"></script>
<input type="text" class="dial" data-min="-50" data-max="50" />
&#13;
&#13;
&#13;