fix webkit style in safari
This commit is contained in:
@@ -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: // 模糊
|
||||||
|
|||||||
Reference in New Issue
Block a user