合并样式-如何使用供应商前缀

Question

我正在使用@uifabric/merge-styles中的这个库office-ui-fabric。我的问题是如何在mergeStyleSets内使用供应商前缀？

示例-webkit-filter：

import { mergeStyleSets } from '@uifabric/merge-styles'

mergeStyleSets({ 
  webkitFilter: 'blur(5px)', // Error! No Typescript definition.
})

还有其他方法可以实现吗？

Merge Styles Library

似乎没有Typescript定义 IRawStyleBase.ts

@Vitalie Braga答案的补充：

如果您正在使用Typescript项目，这是临时解决方案：

const foo = mergeStyleSets({
  root: [
    {
      backgroundColor: '#f00',
      ...({ '-webkit-filter': 'blur(5px)' } as any)
    },
  ]
})

Issues Page - Git OFFICE UI FABRIC

Answer 1

@uifabric/merge-styles库为您提供了有关自动供应商前缀的技巧，但是唯一的问题是，今天自动前缀化的规则仅限于just one：user-select。我建议您去他们的github repo here中提交问题，然后询问是否可以添加新规则，或者询问如何处理这种情况。

从更深入的调查来看，他们似乎有一些特定于供应商的支持，但在IRawStyleBase.ts中却非常有限。这些规则将自动转换为供应商规则。

因此，如果您正在使用TS项目来回答您的问题，则无法指定与IRawStyleBase接口不兼容的内容，但是如果您使用的是js脚本，则可能会遇到麻烦我在此code-sandbox中所做的事情，看起来过滤器通过了，但没有其他事情。