Update app.py

app.py

@@ -47,17 +47,18 @@ def delete_last_record():
 with gr.Blocks() as demo:
     gr.Markdown("## 狗狗行为记录")
     
+    # 添加按钮并指定CSS类
     with gr.Row():
-        btn_poop = gr.Button("拉屎", elem_id="poop-btn", style="background-color: brown")
-        btn_pee = gr.Button("尿尿", elem_id="pee-btn", style="background-color: blue")
-        btn_eat_all = gr.Button("吃东西全吃了", elem_id="eat-all-btn", style="background-color: green")
-        btn_eat_half = gr.Button("吃了一半", elem_id="eat-half-btn", style="background-color: orange")
-        btn_eat_none = gr.Button("没吃", elem_id="eat-none-btn", style="background-color: red")
+        btn_poop = gr.Button("拉屎", elem_classes="poop-btn")
+        btn_pee = gr.Button("尿尿", elem_classes="pee-btn")
+        btn_eat_all = gr.Button("吃东西全吃了", elem_classes="eat-all-btn")
+        btn_eat_half = gr.Button("吃了一半", elem_classes="eat-half-btn")
+        btn_eat_none = gr.Button("没吃", elem_classes="eat-none-btn")
 
     with gr.Row():
-        btn_delete = gr.Button("删除最后一条记录", elem_id="delete-btn", style="background-color: gray")
+        btn_delete = gr.Button("删除最后一条记录", elem_classes="delete-btn")
         
-    output = gr.Textbox(label="行为记录", interactive=False, elem_id="output", show_label=False)
+    output = gr.Textbox(label="行为记录", interactive=False, show_label=False)
     
     btn_poop.click(add_record, inputs=["拉屎"], outputs=output)
     btn_pee.click(add_record, inputs=["尿尿"], outputs=output)
@@ -69,4 +70,14 @@ with gr.Blocks() as demo:
     # 初始显示记录
     show_records()
 
+    # 添加CSS样式
+    demo.css("""
+    .poop-btn { background-color: brown; }
+    .pee-btn { background-color: blue; }
+    .eat-all-btn { background-color: green; }
+    .eat-half-btn { background-color: orange; }
+    .eat-none-btn { background-color: red; }
+    .delete-btn { background-color: gray; }
+    """)
+
 demo.launch()