使用CSS无法修改GtkProgressBar进度条颜色的问题求助

我完全懂你遇到的困扰——GtkProgressBar的进度填充部分确实不能用普通的background-color或者全局选择器直接修改，因为Gtk3的控件内部有特定的结构和样式优先级，你的几次尝试都没精准命中到进度条的实际进度填充元素，才会出现全局样式生效但进度条不受影响的情况。

正确的CSS写法 #

你需要针对GtkProgressBar内部负责显示进度的子元素来设置样式，下面是能直接生效的代码：

/* 可选：修改进度条的背景（未填充的空白部分） */
GtkProgressBar {
  background-color: #eeeeee; /* 换成你想要的背景色即可 */
}

/* 核心：修改进度条的填充颜色（你要的蓝绿色） */
GtkProgressBar.progress {
  background-color: rgba(83,165,198,255);
}

如果上面的.progress类选择器偶尔不生效，也可以试试更明确的子元素定位：

GtkProgressBar > GtkBox > GtkProgressBar.progress {
  background-color: rgba(83,165,198,255);
}

替换你的CSS文件 #

把当前style.css里的全局*选择器替换成上面的代码，重新编译运行程序，就能看到进度条的填充部分变成你想要的颜色了。

为什么之前的尝试无效？ #

• 尝试1/2/3：你用的选择器要么只命中了ProgressBar的外层容器，要么没有定位到内部负责显示进度的.progress子控件，自然无法修改进度颜色。
• 尝试4：全局*选择器会被Gtk控件自带的默认样式覆盖，因为Gtk的内置样式优先级比你设置的应用级样式更高，尤其是针对控件内部的特定元素。

如果你还需要调整进度条的圆角、高度等样式，也可以在GtkProgressBar选择器里添加border-radius、min-height等属性来定制。

内容的提问来源于stack exchange，提问作者Jase