CSS :: selection inline

问题描述 投票:1回答:2

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

它像这样正常工作:

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

问题是我想通过电子邮件发送它,因此它必须是inline代码。

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

有什么办法吗?

html css textselection inline-styles
2个回答
2
投票

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

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

我在这里还应注意,伪元素,例如div :: selection是选择器,不能内联设置样式。


2
投票

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

我不完全确定哪个非Webmail客户端仍然支持::selection(除了Thunderbird带有::-moz-selection)。但是,您应该能够像现在一样使用内部样式表(除非将<style>元素移动到<head>),这取决于您所支持的客户。

我个人根本不会理会电子邮件中的::selection。几乎不需要它,尤其是当您考虑到电子邮件客户端通常众所周知的较差的CSS支持时。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.