简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO)
javascript - How to select text background color after adding ID in front of ::selection, how to make it compatible with browsers?
给我你的怀抱
给我你的怀抱 2017-05-19 10:36:57
0
2
495

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.

给我你的怀抱
给我你的怀抱

reply all(2)
某草草
某草草2017-05-19 10:38:57 2 floor

webkit不需要加-wekbit-的吧，selection就能直接起做用

你是不是在id和::之间多加了空格？

#c-1::-moz-selection { background-color: rgba(222,169,19,1.00) }
Like +0
Add Reply
过去多啦不再A梦
过去多啦不再A梦2017-05-19 10:38:57 1 floor

你的选择器和冒号中间多了空格

<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>
Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！