html - CSS ::选择内联

Question

我有一个 div，我想更改选择样式。

它像这样工作正常：

<div>Text text</div>
<style>
div::selection {
    background: #FFF;
    color: #000;
}
</style>

问题是我想通过电子邮件发送它，所以它必须是inline代码。

( <div style=""></div>)

有没有办法做到这一点？

score 2 · Accepted Answer

最简单的方法如下。在电子邮件的“head”标签内，只需包含您的风格

<head>
<style>
div::selection {
    background: #FFF;
    color: #000;
}
</style>
</head>
<body>
    //your email body

我还应该注意，伪元素，例如 div::selection，是选择器，不能内联样式。

score 2 · Accepted Answer

内联样式与元素有关，而不是伪元素，因此您不能使用内联样式来做到这一点。

无论如何，我不完全确定哪些非网络邮件客户端支持::selection（Thunderbird除外）。::-moz-selection但是您应该能够摆脱使用内部样式表的问题，就像您已经在做的那样（除了将<style>元素移到其他地方<head>），具体取决于您支持的客户端。

就个人而言，我根本不会::selection在电子邮件中打扰。几乎不需要它，尤其是当您考虑到电子邮件客户端通常以糟糕的 CSS 支持而闻名时。

2 回答 2