diff --git a/date.html b/date.html
index 25b7965..c97bc52 100644
--- a/date.html
+++ b/date.html
@@ -8,7 +8,7 @@
-
+
你选择的日期为：
No date selected
diff --git a/styles.css b/styles.css
index 394e062..f0a060a 100644
--- a/styles.css
+++ b/styles.css
@@ -4,7 +4,7 @@
/* 选项卡按钮样式 */
.tab {
- display: inline-flex;
+ display: flex;
overflow: hidden;
border: 1px solid #ff69b4; /* 粉色边框 */
background-color: #ffc0cb; /* 粉色背景 */
@@ -58,7 +58,7 @@
/* 删除按钮样式 */
.closeButton {
- background-color: rgba(255, 255, 255, 0); /* 粉色背景 */
+ background-color: rgba(255, 255, 255, 0); /* 白色背景 */
color: #fff; /* 白色文字 */
border: none;
outline: none;
@@ -71,7 +71,20 @@
.closeButton:hover {
background-color: rgba(255, 255, 255, 0.5); /* 深粉色背景 */
}
+.closeButton2 {
+ background-color: #ff69b4; /* 白色背景 */
+ color: #fff; /* 白色文字 */
+ border: none;
+ outline: none;
+ cursor: pointer;
+ padding: 5px 10px;
+ transition: 0.3s;
+ font-size: 12px; /* 调整字体大小 */
+}
+.closeButton2:hover {
+ background-color: #ff1493; /* 深粉色背景 */
+}
img { height: auto; width: auto\9; width:28%; }
.cldBody {
@@ -138,7 +151,7 @@ span {
font-weight: bold;
}
#tab-container {
- width: 100%; /* 或者您希望的固定宽度 */
+ display: flex;
overflow-x: auto;
white-space: nowrap;
}