feat: 新增文本框删除按钮功能

2026-04-18 10:48:23 +08:00
parent 42b82d2a13
commit cb6b88d455
3 changed files with 58 additions and 3 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -56,6 +56,29 @@ html, body {
    background: #3a7bc8;
 }

+/* 文本输入框删除按钮 */
+.text-input .text-delete-btn {
+    position: absolute;
+    top: -10px;
+    right: -10px;
+    width: 20px;
+    height: 20px;
+    background: #e74c3c;
+    color: #fff;
+    border: none;
+    border-radius: 50%;
+    font-size: 12px;
+    line-height: 20px;
+    text-align: center;
+    cursor: pointer;
+    display: none;
+    z-index: 10;
+}
+
+.text-input.selected:not(.editing) .text-delete-btn {
+    display: block;
+}
+
 /* 文本编辑器工具栏 */
 .text-editor-toolbar {
    display: flex;