Question

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

    ::-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;
}

所以我想知道是否可能那是不可能的？

Answer 1

所以我想知道这可能是不可能的吗？

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

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

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

由于渐变在CSS方面被视为图像，答案是：不，因为background-image属性不是上述列表的一部分，所以按规范这是不可能的。

CSS：选择伪元素是否可以有渐变背景？

1 个答案: