社区 学习 工具库 休闲
搜索
简体中文
javascript - 选中文字背景色 ::selection 在前面加上ID后 ，如何兼容浏览器？
给我你的怀抱
给我你的怀抱 2017-05-19 10:36:57
0
2
639

选中文字背景色

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

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

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

全部回复(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
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板