当我突出显示时，为什么我的网站文字会跳舞？ CSS ::选择

Question

使用Chrome，突出显示my site上的任何文字，然后它会越过自己并且混淆不清。

我的SASS / CSS文件中有以下内容：

// ::selection
*::-moz-selection {
  color: $mulberry;
  background: none repeat scroll 0% 0% $keylime;
}

*::selection {
    color: $mulberry; 
    background: none repeat scroll 0% 0% $keylime;
}

我第一次尝试没有星号通配符，但没有运气，仍然是摇摆的舞蹈。当我删除它，它很好。任何提示都非常感谢Chrome为何会这样做。没有在Safari或Firefox中发生。

Answer 1

你有一些时髦的字体样式，这就是导致问题的原因：

-webkit-font-feature-settings: "liga", "dlig"

如果删除该CSS规则，则问题就会消失。