Html CSS::内联选择
我有一个div,我想更改选择样式 它的工作原理如下:Html CSS::内联选择,html,css,textselection,inline-styles,Html,Css,Textselection,Inline Styles,我有一个div,我想更改选择样式 它的工作原理如下: <div>Text text</div> <style> div::selection { background: #FFF; color: #000; } </style> 文本 div::选择{ 背景:#FFF; 颜色:#000; } 问题是我想在电子邮件中发送它,所以它必须是内联的 () 有什么方法可以做到这一点吗?内联样式属于元素,而不是伪元素,因此不能使用内联样式来
<div>Text text</div>
<style>
div::selection {
background: #FFF;
color: #000;
}
</style>
文本
div::选择{
背景:#FFF;
颜色:#000;
}
问题是我想在电子邮件中发送它,所以它必须是内联的
(
)
有什么方法可以做到这一点吗?内联样式属于元素,而不是伪元素,因此不能使用内联样式来实现这一点 我不完全确定哪些非webmail客户端支持
::选择
(除了带有::-moz选择的Thunderbird
)。但是您应该能够使用内部样式表,就像您已经在做的那样(除了将
元素移到
之外),这取决于您支持的客户机
就我个人而言,我根本不会在电子邮件中处理
::选择
。基本上不需要它,尤其是当你考虑电子邮件客户端经常知道的可怜的CSS支持时, 内联样式属于元素,而不是伪元素,所以不能用内联样式来实现。 我不完全确定哪些非webmail客户端支持
::选择
(除了带有::-moz选择的Thunderbird
)。但是您应该能够使用内部样式表,就像您已经在做的那样(除了将
元素移到
之外),这取决于您支持的客户机
就我个人而言,我根本不会在电子邮件中处理
::选择
。事实上,没有必要这么做,尤其是当你考虑电子邮件客户经常知道的可怜的CSS支持时, < P>最简单的方法如下。在电子邮件的“head”标签中,只需包含您的风格即可
<head>
<style>
div::selection {
background: #FFF;
color: #000;
}
</style>
</head>
<body>
//your email body
div::选择{
背景:#FFF;
颜色:#000;
}
//你的邮件正文
这里我还应该注意到,伪元素,如div::selection,是选择器,不能内联设置样式。最简单的方法如下所示。在电子邮件的“head”标签中,只需包含您的风格即可
<head>
<style>
div::selection {
background: #FFF;
color: #000;
}
</style>
</head>
<body>
//your email body
div::选择{
背景:#FFF;
颜色:#000;
}
//你的邮件正文
这里我还应该注意到,伪元素(如div::selection)是选择器,不能内联设置样式。但是您可以添加与上面所做的内部样式相同的样式。那么这不起作用了吗?@NathanLee你能告诉我如何使用
内联样式
?你的方法是正确的,你只需要在
下添加
,它就会起作用。但是你可以添加与上面所做的内部样式相同的样式。那么这不起作用了吗?@NathanLee你能告诉我如何使用内联样式?你的方法是正确的,你只需要在
下添加
,它就会起作用。我同意不包括::Selection最有可能,只有outlook和其他一些人会支持它。我同意不包括::Selection最有可能,只有outlook和其他一些人会支持它。