fix webkit style in safari

This commit is contained in:
Gabe Yuan
2023-08-29 16:48:38 +08:00
parent 687bd11fd1
commit 09b19e3ca0

View File

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