search

Home  >  Q&A  >  body text

javascript - How to select text background color after adding ID in front of ::selection, how to make it compatible with browsers?

Select text background color

 ::selection { background-color: rgba(222,169,19,1.00) }

When <html id="c-1">, 

#c-1 ::-moz-selection { background-color: rgba(222,169,19,1.00) }
#c-1 ::selection { background-color: rgba(222,169,19,1.00) }

It only works on Firefox, but not on Google Chrome.
Tried it

#c-1 ::-webkit-selection { background-color: rgba(222,169,19,1.00) }

is of no use either. The desired effect is that when replacing the ID in HTML, the background color of the selected text will also be replaced. How to write it so that webkit can understand it. .

What was originally written is correct. It is estimated that there was an error elsewhere and the problem has been solved.

给我你的怀抱给我你的怀抱2768 days ago635

reply all(2)I'll reply

  • 某草草

    某草草2017-05-19 10:38:57

    Webkit doesn’t need to add -wekbit-, selection can work directly

    Did you add an extra space between id and ::? 

    #c-1::-moz-selection { background-color: rgba(222,169,19,1.00) }

    reply
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-19 10:38:57

    There is an extra space between your selector and colon

    <style type="text/css">
            h2::-moz-selection {
                background-color: rgba(222, 169, 19, 1.00)
            }
            
            h2::selection {
                background-color: rgba(222, 169, 19, 1.00)
            }
        </style>
        <h2>
            减肥的撒娇发多少就浪费大家爱看范德萨家乐福的撒娇范德萨六角恐龙
        </h2>

    reply
    0
  • Cancelreply