Easy-UI textbox字体调节

最新推荐文章于 2024-09-02 17:09:45 发布

原创最新推荐文章于 2024-09-02 17:09:45 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#textbox #字体

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

博客介绍了如何在WSDL转换器的新需求下，利用Easy-UI的textbox控件并添加字体调节功能。

wsdl转换器中提出新的需求：
Radl-WS输出框字体较小，需要添加两个按钮进行字体调节
应对方案：输出框改为Easy-UI的textbox控件，字体调节写法如下

//字体增大
    $("#bigger").click(function () {
            var radl = $("#radl").textbox("textbox");
            var size = parseInt(radl.css("font-size"));
            size++;
            radl.css("font-size",size+"px");
        });

//字体缩小
        $("#smaller").click(function () {
            var radl = $("#radl").textbox("textbox");
            var size = parseInt(radl.css("font-size"));
            size--;
            radl.css("font-size",size+"px");
        })