css - 如何将引导材料设计中的特定输入样式集成到现有项目中？

Question

我在仅集成https://github.com/FezVrasta/bootstrap-material-design中定义的一些样式时遇到了一些问题，即应用了自定义引导样式的现有主题的输入。

在一个less文件中，我正在导入这样的输入less文件以及所需的变量和mixin以使其正常工作：

@import '@{bower-path}/bootstrap-material-design/less/_colors.less';
@import '@{bower-path}/bootstrap-material-design/less/_mixins.less';
@import '@{bower-path}/bootstrap-material-design/less/_inputs.less';

在一个 js 文件中，我正在初始化输入：

$.material.input();

但它不能正确显示，fi：它不会在焦点上显示彩色边框底部。

有什么想法可以使它正常工作吗？

Answer 1

正如https://github.com/FezVrasta/bootstrap-material-design/issues/665中所指出的，问题出在原始 less 文件中未包含的供应商前缀中。

通过将 less autoprefixer 插件添加到工作流程中，问题得到了解决。