按钮如何实现圆角设置

按钮如何实现圆角设置

FineReport yzmSzcmj5071346 发布于 2023-7-11 14:55
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
CD20160914Lv8专家互助
发布于2023-7-11 14:58(编辑于 2023-7-11 14:59)

setTimeout(function(){ 

//初始化按钮的颜色

$("[id^=fr-btn-BUTTON0]").css({'background-color':'orange',

'border': '2px solid deepskyblue',//加入的边框大小和颜色

//'padding':  '0em 1em',

  'border-radius': '18px',

  'font-size': '24px',

  'line-height': '2',

  });

},200)

image.png

最佳回答
0
snrtuemcLv8专家互助
发布于2023-7-11 14:59

参数面板按钮修改圆角

加载结束事件,js代码 $('#fr-btn-BUTTON0').css('border-radius','20px');//圆角边框  

控件初始化事件 js代码 

setTimeout(function() {

$('#fr-btn-BUTTON0').css('border-radius', '50px');//BUTTON0是按钮名称

}, 500)

最佳回答
0
congerLv6高级互助
发布于2023-7-11 15:00

setTimeout(function() {

    $('.fr-btn-up').css('border-radius', '25px');

    $('.fr-btn-up.fr-btn-noicon').css('border-radius', '25px');

}, 100);

image.png

  • 3关注人数
  • 609浏览人数
  • 最后回答于:2023-7-11 15:00
    请选择关闭问题的原因
    确定 取消
    返回顶部