搜索

首页  >  问答  >  正文

javascript - 选中文字背景色 ::selection 在前面加上ID后 ,如何兼容浏览器?

选中文字背景色

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

当<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) }

只在火狐上有效果,谷歌浏览器没有效果,
试了

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

也没有用。想要的效果是给HTML替换ID时,选中文字背景色也会替换,如何写才能让webkit读懂。。


原本写的没错, 估计是其它地方出错了,问题已解决。

给我你的怀抱给我你的怀抱2814 天前673

全部回复(2)我来回复

  • 某草草

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

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

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

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

    回复
    0
  • 过去多啦不再A梦

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

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

    <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>

    回复
    0
  • 取消回复