如何更改HTML页面中所选文本的颜色?

时间:2015-10-18 11:15:21

标签: javascript html css highlighting

我想知道如何更改所选文字的高亮颜色?

默认情况下这是?

enter image description here

我想要这样的事情:

enter image description here

应该指出我不是在谈论font-family。我只是想改变高亮颜色..,我该怎么做?

3 个答案:

答案 0 :(得分:7)

::selection {
  background: #ffb7b7;
}
::-moz-selection {
  background: #ffb7b7;
}

另外,有关详细信息,请参阅this

答案 1 :(得分:3)

示例:



class SampleBufferView: UIView {
    override class func layerClass() -> AnyClass {
        return AVSampleBufferDisplayLayer.self
    }

    func enqueueSampleBuffer(sampleBuffer: CMSampleBuffer!) {
        let displayLayer = self.layer as! AVSampleBufferDisplayLayer
        displayLayer.enqueueSampleBuffer(sampleBuffer)
    }
}

p::selection {
  background: #FEAA90;
}
p::-moz-selection {
  background: #FEAA90;
}




支持:http://caniuse.com/#feat=css-selection

Can I use ::selection ?

答案 2 :(得分:1)

你可以::selection Pseudo-element

例如:

<p>Click on "Run code snippet" and select this text.</p>