css同时修改字体大小和颜色怎么写

css同时修改字体大小和颜色怎么写，我向下面那样写实现了颜色变化的功能，但是字体大小的不行，我想要选中时字体大小为15，不选时为6，但是现在这个字体是选了和没选都是15，不改变，这是为啥啊？

（我这个是修改的多sheet报表的sheet的字体大小和颜色，选中sheet时，sheet字体变为15，颜色为蓝色，不选时字体为6，黑色）

FineReport 二向箔 发布于 2022-11-30 10:07 （编辑于 2022-11-30 11:30）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共3回答

最佳回答

用户S5182147Lv6中级互助
发布于2022-11-30 13:23（编辑于 2022-12-1 13:47）

要不试一下这个？放在加载结束后事件中：

var box1 = document.getElementsByClassName("fr-sheetbutton-middlepart")[0] ; // 对第一个sheet页的名称进行变更

var box2 = document.getElementsByClassName("fr-sheetbutton-middlepart")[1] ; // 对第一个sheet页的名称进行变更

//鼠标点击sheet1时触发事件

box1.onmousedown = function(){

box1.style.cssText = "font-size : 15px ; color : blue";

box2.style.cssText = "font-size : 6px ; color : black";

}

//鼠标点击sheet2时触发事件

box2.onmousedown = function(){

box1.style.cssText = "font-size : 6px ; color : black";

box2.style.cssText = "font-size : 15px ; color : blue";

}

举报收起评论(11)

二向箔(提问者) 试了一下好像不行，这个是我的鼠标停在第一个sheet时，颜色和字体都改变了，但是鼠标一移开又变回原来的样子了，而停在第二个sheet是颜色和大小都没变

2022-11-30 14:51

用户S5182147 回复二向箔(提问者) 你这个选中指的是页面处于某个sheet页，那个sheet页对应的名称就更改字体大小和颜色吗？

2022-11-30 16:05

二向箔(提问者) 回复用户S5182147 对的，这能实现吗

2022-12-01 11:17

用户S5182147 回复二向箔(提问者) 看最新的答案，sheet页多的话对着改一下

2022-12-01 13:47

二向箔(提问者) 回复用户S5182147 好像可以唉，会随着点击变了，但是刷新页面的时候，第一个没变唉，他跟第二个sheet这时都是黑、小的，就是刷新的后还没点击之前一般都默认的展示的页面是第一个sheet，能不能设置这时候的第一个sheet就是蓝色变大的呢，然后点第二个sheet在变黑、小，再点第一个sheet是又变蓝、大，就像参数一样有个默认值那样，刷新时就默认显示第一个sheet为蓝、大

2022-12-01 14:43