如何调整帆软件按钮的样式

最新推荐文章于 2023-01-18 14:45:05 发布

DN_XIAOXIAO

最新推荐文章于 2023-01-18 14:45:05 发布

阅读量2.5k

点赞数

分类专栏：帆软

本文链接：https://blog.csdn.net/DN_XIAOXIAO/article/details/79851425

版权

87 篇文章 22 订阅

订阅专栏

如何调整帆软件按钮的样式

（1）给按钮添加点击事件按钮名称颜色变为红色：

$('.fr-btn-text').eq(6).css('color','red');   

修改指定按钮用的是jQuery的eq(index)选择器

index的值是从0开始的，所以eq(6)获取到的是页面中第7个按钮

（2）给按钮添加点击事件按钮名称字体变为20px：

$('.fr-btn-text').eq(6).css('font-size','20px');    
$('.fr-btn-text').eq(6).css('height','25');

（3）给按钮名称字体倾斜：

$('.fr-btn-text').eq(6).css('font-style','italic');    

2.2 调整按钮对齐方式

给按钮添加点击事件居左显示：

 
   $('#fr-btn-text').css('text-align','left');

2.3 调整按钮背景

给按钮添加点击事件：

$('.fr-btn-up').eq(6).css('background','#8AC007');//按钮背景色    
$('.fr-btn-up').eq(6).css('border-radius','20px');//圆角边框   

2.4 调整按钮大小

给按钮添加点击事件

$('.fr-btn-up').eq(6).css('height','20');   
$('.fr-btn-up').eq(6).css('width','50');   

范例如下 //添加初始化事件

$('.fr-btn-text').eq(0).css('color','red');
$('.fr-btn-up').eq(0).css('border-radius','30px')
$('.fr-btn-up').eq(0).css('background-color','#8AC007')

关注