From 68b7bf36bb58b6ed78bfda18a227b8dd89dbac9f Mon Sep 17 00:00:00 2001
From: jaywcjlove <398188662@qq.com>
Date: Wed, 27 Sep 2023 10:33:37 +0800
Subject: [PATCH] doc: update docs/css.md

---
 docs/css.md    | 39 +++++++++++++++++++++++++++++----------
 docs/docker.md |  1 +
 2 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/docs/css.md b/docs/css.md
index ac6a36f..8ba9584 100644
--- a/docs/css.md
+++ b/docs/css.md
@@ -1482,6 +1482,24 @@ input[type="text"]:autofill {
 
 另见: [:autofill](https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill)
 
+### 修改 input type="color" 样式
+<!--rehype:wrap-class=col-span-2 row-span-2-->
+
+```css
+input[type="color"] {
+  -webkit-appearance: none;
+  border: none;
+  width: 32px;
+  height: 32px;
+}
+input[type="color"]::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+input[type="color"]::-webkit-color-swatch {
+  border: none;
+}
+```
+
 ### 忽略用作间距的换行符 \<br />
 
 ```css
@@ -1590,6 +1608,7 @@ body {
 这样文本元素可以很容易地从 `body` 继承
 
 ### 使用图像作为光标
+<!--rehype:wrap-class=col-span-2-->
 
 ```css
 div {
@@ -1912,16 +1931,6 @@ body {
 }
 ```
 
-### 逗号分隔列表
-
-```css
-ul > li:not(:last-child)::after {
-  content: ",";
-}
-```
-
-使列表项看起来像一个真实的逗号分隔列表，使用 `:not()` 伪类，最后一项不会添加逗号
-
 ### 图片对齐不变形
 
 ```css
@@ -1958,6 +1967,16 @@ img:hover {
 </p>
 ```
 
+### 逗号分隔列表
+
+```css
+ul > li:not(:last-child)::after {
+  content: ",";
+}
+```
+
+使列表项看起来像一个真实的逗号分隔列表，使用 `:not()` 伪类，最后一项不会添加逗号
+
 另见
 ---------
 
diff --git a/docs/docker.md b/docs/docker.md
index 960ab03..3f6838e 100644
--- a/docs/docker.md
+++ b/docs/docker.md
@@ -230,6 +230,7 @@ Docker 快捷键
 <!--rehype:body-class=cols-2-->
 
 ### 退出
+
 | Docker 快捷键 | 说明 |
 |------------|------|
 `ctrl+c` | 将关闭容器，并删除当前的容器实例