CSS::选择在Google Chrome中不起作用

CSS::选择在Google Chrome中不起作用,css,html,Css,Html,我有这段代码,它在internet explorer和Mozilla Firefox中运行良好,但在Google Chrome上失败,这是基本的CSS::selection选择器。 随附的是问题的说明: 期望的结果:(即Firefox) 怎么了:(Chrome) 这只发生在Google Chrome中,我在这里附加了我尝试过的代码: ::-moz选择{ 背景颜色:橙色; 颜色:白色; } ::选择{ 背景颜色:橙色; 颜色:白色; } :-网络工具包选择{ 背景颜色:橙色; 颜色:白色;

我有这段代码,它在internet explorer和Mozilla Firefox中运行良好,但在Google Chrome上失败,这是基本的CSS
::selection
选择器。 随附的是问题的说明:

期望的结果:(即Firefox)

怎么了:(Chrome)

这只发生在Google Chrome中,我在这里附加了我尝试过的代码:

::-moz选择{
背景颜色:橙色;
颜色:白色;
}
::选择{
背景颜色:橙色;
颜色:白色;
}
:-网络工具包选择{
背景颜色:橙色;
颜色:白色;
}

  • 你好,世界
  • 怎么了

  • 您应该添加
    ::-webkit selection
    :-webkit selection
    似乎无法解决此问题,但还有另一种解决方法:

    ::-moz选择{
    背景颜色:橙色;
    颜色:白色;
    }
    ::选择{
    背景颜色:橙色;
    颜色:白色;
    }
    ol{
    -webkit用户选择:无;
    -moz用户选择:无;
    -ms用户选择:无;
    }
    奥尔斯潘{
    -webkit用户选择:全部;
    -moz用户选择:全部;
    -ms用户选择:全部;
    }
    
    
  • 你好,世界
  • 怎么了

  • 仍然不起作用,但这对我很有效

        * {
         -webkit-user-select: text;
         -moz-user-select: text;
         -ms-user-select: text; 
        }
    
    @odedta尝试
    #FFA500
    而不是
    橙色