时间戳

首页 > 解决方案 > 合并样式 - 如何使用供应商前缀

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

问题描述

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

示例-webkit-filter：

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

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

有没有其他方法可以实现这一目标？

合并样式库

看起来它没有 Typescript 定义 IRawStyleBase.ts

除了@Vitalie Braga 答案：

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

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

问题页面 - Git OFFICE UI FABRIC

标签： office-ui-fabric

解决方案

@uifabric/merge-styles库为您提供有关自动供应商前缀的智能，但唯一的问题是今天自动添加前缀的规则仅限于一个: user-select。我建议你去这里在他们的 github repo 中提交一个问题，或者询问是否可以添加新规则，或者询问如何处理这种情况。

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

因此，如果您使用的是 TS 项目，那么要回答您的问题，您无法指定与界面不兼容的内容，IRawStyleBase但如果您使用的是 js 脚本，您可能可以像我在此代码沙箱中所做的那样试试运气看起来过滤器通过了，但没有别的。

推荐阅读