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

Posted 2023-03-06

【中文标题】如何在 JQuery 旋钮中更改字体大小

【英文标题】：How to change font size in JQuery knob

【发布时间】：2015-05-10 22:09:46

【问题描述】：

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

【参考方案1】：

我似乎可以整齐地做到这一点的唯一方法是挂钩 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" />

【讨论】：

如果我想在输入值下添加文本，例如我有 23% 的消耗量，我希望（消耗量）在圆圈内低于 23%，但（消耗量）以不同的字体大小。