社群 學習 工具庫 休閒
搜尋
繁体中文
javascript - 選取文字背景色 ::selection 在前面加上ID後 ，如何相容瀏覽器？
给我你的怀抱
给我你的怀抱 2017-05-19 10:36:57
0
2
634

選取文字背景色

 ::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讀懂。 。

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

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

全部回覆(2)
某草草
某草草2017-05-19 10:38:57 2樓

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

你的選擇器和冒號中間多了空格

<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
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板