如何在Python中移除或修改Gtk4 Button的边框？

Gtk4彻底重构了样式系统，所有控件的边框、背景等外观属性都不再通过GObject的set_property设置，而是统一使用CSS来控制，这就是你调用border-width属性报错的原因。下面是两种可行的解决方案，结合你的需求实现：

方案1：给Button设置CSS样式 #

直接在自定义MyButton类中通过CSS控制边框，有两种实现方式：

方式1：内联CSS快速修改 #

在初始化方法中直接设置内联样式，适合单个控件的独立定制：

class MyButton(Gtk.Button):
    def __init__(self):
        super().__init__()
        label = Gtk.Label(label="Hello")
        self.set_hexpand(True)
        self.set_child(label)
        
        # 移除所有边框
        self.set_inline_css("border: none; border-radius: 0;")
        # 若要修改边框样式，比如设置1px灰色边框：
        # self.set_inline_css("border: 1px solid #ccc; border-radius: 0;")

方式2：全局CSS类统一管理 #

添加自定义CSS类，方便批量修改同类型控件的样式，需要在窗口初始化时加载全局CSS：

class MyButton(Gtk.Button):
    def __init__(self):
        super().__init__()
        label = Gtk.Label(label="Hello")
        self.set_hexpand(True)
        self.set_child(label)
        # 添加自定义CSS类
        self.add_css_class("custom-button")

# 在窗口初始化代码中加载全局CSS
css_provider = Gtk.CssProvider()
css_provider.load_from_data("""
.custom-button {
    border: none;
    border-radius: 0;
}
/* 可选：添加hover状态的背景变化 */
.custom-button:hover {
    background-color: #f0f0f0;
}
""", -1)

# 将CSS应用到全局显示
Gtk.StyleContext.add_provider_for_display(
    Gdk.Display.get_default(),
    css_provider,
    Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION
)

方案2：用Gtk.ListBox实现垂直无框按钮列表 #

如果你的需求是垂直排列的可点击列表，Gtk.ListBox是更合适的选择，它自带列表布局逻辑，且能通过CSS轻松去掉默认边框：

class ListItemRow(Gtk.ListBoxRow):
    def __init__(self, text):
        super().__init__()
        label = Gtk.Label(label=text)
        # 给文本添加边距，优化点击区域
        label.set_margin_start(12)
        label.set_margin_end(12)
        label.set_margin_top(8)
        label.set_margin_bottom(8)
        self.set_child(label)

# 创建ListBox并配置样式
list_box = Gtk.ListBox()
list_box.set_selection_mode(Gtk.SelectionMode.NONE)  # 取消默认选中高亮（可选）
list_box.add_css_class("borderless-list")

# 添加列表项
list_box.append(ListItemRow("Hello"))
list_box.append(ListItemRow("World"))
list_box.append(ListItemRow("Gtk4"))

# 加载CSS移除边框，可选添加分隔线
css_provider = Gtk.CssProvider()
css_provider.load_from_data("""
.borderless-list {
    border: none;
}
.borderless-list listboxrow {
    border: none;
    border-bottom: 1px solid #eee; /* 可选：添加项之间的分隔线 */
}
.borderless-list listboxrow:hover {
    background-color: #f5f5f5;
}
""", -1)

Gtk.StyleContext.add_provider_for_display(
    Gdk.Display.get_default(),
    css_provider,
    Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION
)

关键提示 #

• Gtk4中，border-width、border-color属于CSS样式属性，不是GObject对象属性，因此无法通过set_property设置。
• 可以通过gtk-inspector（按下Ctrl+Shift+I打开）查看控件的默认样式类，针对性调整CSS规则。

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