搜尋

首頁  >  問答  >  主體

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

只在火狐上有效果,Google瀏覽器沒有效果,
試了

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

也沒有用。想要的效果是為HTML取代ID時,選取文字背景色也會被替換,如何寫才能讓webkit讀懂。 。


原本寫的沒錯, 估計是其它地方出錯了,問題已解決。

给我你的怀抱给我你的怀抱2768 天前636

全部回覆(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
  • 取消回覆