GTK3中CssProvider样式设置问题：set_name无效及按钮样式异常

1. #buttonA选择器失效的原因及修复 #

添加CSS Provider时使用了优先级0，该数值低于GTK默认样式的优先级，导致自定义ID选择器的样式被系统默认样式覆盖。
修复：将添加Provider的代码替换为Gtk.STYLE_PROVIDER_PRIORITY_USER（对应数值600），确保自定义样式优先级足够覆盖默认样式：

Gtk.StyleContext.add_provider_for_screen(screen, provider, Gtk.STYLE_PROVIDER_PRIORITY_USER);

2. 无法直接给Button设置边框的原因及修复 #

GTK3的GtkButton自带一套默认样式（包括边框、状态反馈等），直接给button设置border会被默认样式冲掉。
修复：在CSS中明确覆盖按钮的默认边框样式，取消默认的border-image避免冲突：

button {
  font-family:Arial; 
  font-size:20px;
  border: 2px solid blue;
  border-radius: 4px;
  border-image: none;
}

3. Button内Label无法设置background-color的原因及修复 #

GTK3的GtkLabel默认不绘制背景（透明状态），因此background-color属性不生效，但background-image不受此限制。
修复：给Label添加-gtk-draw-background: true;强制开启背景绘制，即可让background-color生效：

button > label {
  border-radius:10px; 
  border: 1px solid black; 
  background-color:orange;
  -gtk-draw-background: true;
}

修改后的完整代码 #

GJS代码

#!/usr/bin/gjs
const Gtk = imports.gi.Gtk;
const Gdk = imports.gi.Gdk;

Gtk.init(null);

const window = new Gtk.Window();

const box=new Gtk.Box ({orientation:1}),
      buttonA=new Gtk.Button ({label:"A"}),
      buttonB=new Gtk.Button ({label:"B"}),
      buttonC=new Gtk.Button ({label:"C"}),
      display=Gdk.Display.get_default (),
      screen=display.get_default_screen(),
      provider= new Gtk.CssProvider();

provider.load_from_path('test.css');
// 使用USER级优先级确保样式生效
Gtk.StyleContext.add_provider_for_screen(screen,provider,Gtk.STYLE_PROVIDER_PRIORITY_USER);

buttonA.set_name("buttonA");
buttonB.set_name("buttonB");
buttonC.set_name("buttonC");

box.add(buttonA);
box.add(buttonB);
box.add(buttonC);

window.add(box);
window.set_title("CSS Example");
window.connect('destroy', () => { Gtk.main_quit(); });
window.set_size_request(640, 480);
window.show_all();
Gtk.main();

test.css代码

button {
  font-family:Arial; 
  font-size:20px;
  border: 2px solid blue;
  border-radius: 4px;
  border-image: none;
}
button > label {
  border-radius:10px; 
  border: 1px solid black; 
  background-color:orange;
  -gtk-draw-background: true;
}
#buttonA {
  font-size:60px;
}

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