修改JS,使点击的标签变色

0a4b6ce20246ee352af18ed7f5f7eba.jpg

var  el =  this.element.children(); // 获取当前控件

el.css('background',  '#D6D6E9'); // 默认颜色

el.hover(function(e) {

  // 控件的鼠标监听     

     

  $(this).css("background-color", "#343090");         // 悬移改为蓝色

  $(this).css("color", "#d3d3d3");         // 悬移字体改为白色

 },  

 function(e) {        

  $(this).css('background',  '#D6D6E9');         // 移除变为灰色

  $(this).css("color", "#000000");         // 悬移字体改为黑色

 });

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

初始化后事件:自己改按钮的名称BUTTON0要大写。你改成你自己的按钮

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',

  });

//设置点击按钮后按钮背景颜色的变化

$("[id^=fr-btn-BUTTON]").click(function(e){

    $("[id^=fr-btn-BUTTON]").css("background-color","orange");

    $(this).css("background-color","#228564");

    e.stopPropagation();

})

},500)

最佳回答
0
用户k6280494Lv6资深互助
发布于2023-7-11 10:14(编辑于 2023-7-11 10:20)
  • 3关注人数
  • 246浏览人数
  • 最后回答于:2023-7-11 10:20
    请选择关闭问题的原因
    确定 取消
    返回顶部