我有一个div,我想更改选择样式。
它像这样正常工作:
<div>Text text</div>
<style>
div::selection {
background: #FFF;
color: #000;
}
</style>
问题是我想通过电子邮件发送它,因此它必须是inline
代码。
([<div style=""></div>
)
有什么办法吗?
最简单的方法如下。在电子邮件的“ head”标签内,只需包含您的样式
<head>
<style>
div::selection {
background: #FFF;
color: #000;
}
</style>
</head>
<body>
//your email body
我在这里还应注意,伪元素,例如div :: selection是选择器,不能内联设置样式。
内联样式与元素有关,而不是伪元素,因此不能使用内联样式来做到这一点。
我不完全确定哪个非Webmail客户端仍然支持::selection
(除了Thunderbird带有::-moz-selection
)。但是,您应该能够像现在一样使用内部样式表(除非将<style>
元素移动到<head>
),这取决于您所支持的客户。
我个人根本不会理会电子邮件中的::selection
。几乎不需要它,尤其是当您考虑到电子邮件客户端通常众所周知的较差的CSS支持时。