火狐

  1. // 火狐浏览器横向滚动条问题
  2. @-moz-document url-prefix() {
  3. &__popover {
  4. overflow-x: hidden;
  5. padding-right: 18px;
  6. }
  7. }
  1. // 其他浏览器不支持 backdrop-filter
  2. @supports not (backdrop-filter:blur(15px)) {
  3. .@{prefix-cls}__clear-flex{
  4. background: linear-gradient(to right,#2c36e1,#1f51d1)
  5. }
  6. .@{prefix-cls}__clear-flex.bglight{
  7. background: #fff
  8. }
  9. }
  10. // 火狐浏览器不支持 backdrop-filter (能设置 blur(15px) 成功,但效果不生效,@supports无法正确查询)
  11. @media screen and (min--moz-device-pixel-ratio:0) {
  12. .@{prefix-cls}__clear-flex{
  13. background: linear-gradient(to right,#2c36e1,#1f51d1)
  14. }
  15. .@{prefix-cls}__clear-flex.bglight{
  16. background: #fff
  17. }
  18. }