From 09b19e3ca02473646c22fdc9b896d4e2f2f7e28c Mon Sep 17 00:00:00 2001
From: Gabe Yuan <gabe@zq.com>
Date: Tue, 29 Aug 2023 16:48:38 +0800
Subject: [PATCH] fix webkit style in safari

---
 src/views/Content/index.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/Content/index.js b/src/views/Content/index.js
index c65282d..42cac8d 100644
--- a/src/views/Content/index.js
+++ b/src/views/Content/index.js
@@ -52,24 +52,28 @@ export default function Content({ q, translator }) {
         return {
           opacity: hover ? 1 : 0.6,
           textDecoration: `underline 2px ${lineColor}`,
+          WebkitTextDecoration: `underline 2px ${lineColor}`,
           textUnderlineOffset: "0.3em",
         };
       case OPT_STYLE_DOTLINE: // 点状线
         return {
           opacity: hover ? 1 : 0.6,
           textDecoration: `dotted underline 2px ${lineColor}`,
+          WebkitTextDecoration: `dotted underline 2px ${lineColor}`,
           textUnderlineOffset: "0.3em",
         };
       case OPT_STYLE_DASHLINE: // 虚线
         return {
           opacity: hover ? 1 : 0.6,
           textDecoration: `dashed underline 2px ${lineColor}`,
+          WebkitTextDecoration: `dashed underline 2px ${lineColor}`,
           textUnderlineOffset: "0.3em",
         };
       case OPT_STYLE_WAVYLINE: // 波浪线
         return {
           opacity: hover ? 1 : 0.6,
           textDecoration: `wavy underline 2px ${lineColor}`,
+          WebkitTextDecoration: `wavy underline 2px ${lineColor}`,
           textUnderlineOffset: "0.3em",
         };
       case OPT_STYLE_FUZZY: // 模糊