【问题标题】:CSS : Is it possible to have a gradient background on the selection pseudo element?CSS:选择伪元素上是否可以有渐变背景?
【发布时间】:2017-05-31 19:49:49
【问题描述】:

我正在尝试为选择伪元素添加渐变背景。到目前为止,我已经尝试了这段代码,它只是返回一个白色背景。

    ::-moz-selection { 
    background: -moz-linear-gradient(-45deg, $degrade-min 0%, $degrade-max 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, $degrade-min 0%,$degrade-max 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, $degrade-min 0%,$degrade-max 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color:white;
}
::selection { 
    background: -moz-linear-gradient(-45deg, $degrade-min 0%, $degrade-max 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, $degrade-min 0%,$degrade-max 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, $degrade-min 0%,$degrade-max 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color:white;
}


所以我想知道这是否不可能?

【问题讨论】:

  • 不要使用编辑来解决您的问题。

标签: css gradient pseudo-element linear-gradients


【解决方案1】:

所以我想知道这是否不可能?

https://drafts.csswg.org/css-pseudo-4/#highlight-styling:

以下属性适用于高亮伪元素:

color
background-color
cursor
caret-color
outline 及其长指针
text-decoration 及其相关属性
text-emphasis-colortext-shadow

由于在 CSS 方面渐变被视为 图像,答案是:不,因为 background-image 属性不属于上述列表,所以 按规范 em> 不可能。

【讨论】:

  • 哦,对了,我不知道背景被认为是图像!非常感谢:)
猜你喜欢
  • 1970-01-01
  • 2013-07-25
  • 1970-01-01
  • 2021-10-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多