如何修改JQGrid选中高亮行的行号(rownum)文本颜色?
解决JQGrid选中高亮行的行号文本颜色问题
你遇到的核心问题是CSS选择器优先级不足,导致.ui-state-highlight相关样式无法覆盖默认规则。可以通过以下两种方式解决:
- 基础方案:直接针对高亮行内的行号元素设置样式,通过
!important强制提升优先级:
.ui-state-highlight .jqgrid-rownum { color: #ffffff !important; }
- 权重增强方案:如果上述代码仍不生效,可结合JQGrid表格的外层类提升选择器权重,无需依赖
!important:
.ui-jqgrid .ui-jqgrid-btable .ui-state-highlight .jqgrid-rownum { color: #ffffff; }
额外注意:确保你的自定义CSS代码是在JQGrid官方样式文件之后加载的,这样才能优先应用自定义规则。
内容的提问来源于stack exchange,提问作者Nico44044
相关产品推荐
相关产品推荐

