文章/答案/技术大牛

发布

社区首页 >问答首页 >我能隔离amplify-authenticator样式吗？

问我能隔离amplify-authenticator样式吗？
EN

Stack Overflow用户

提问于 2019-02-16 05:07:59

回答 1查看 656关注 0票数 1

为了将适当的样式应用于<amplify-authenticator>组件，我遵循了下面的说明：https://github.com/aws-amplify/amplify-js/issues/1870

这意味着安装@aws-amplify/ui并导入样式表。

但是，这些样式表包含未指定的选择器，这些选择器会更改像span和h3这样的元素。我不希望验证器的样式决定我的整个应用程序的样式(反之亦然)。

有没有办法将这些样式限制为只应用于某个组件树？

ViewEncapsulation似乎是答案，但它似乎没有提供正确的限制，因为我使用的是一个我无法控制的导入组件。

使用Angular 7。

angular

aws-amplify

css

回答 1

Stack Overflow用户

发布于 2019-06-27 07:55:54

它并不美观，但我通过将以下代码添加到组件样式表中来做到这一点：

::ng-deep {
  @import '~@aws-amplify/ui/src/Theme';
  @import '~@aws-amplify/ui/src/Angular';
  @import '~@aws-amplify/ui/dist/style';
}

请注意，这仅适用于目前使用Angular和Sass/SCSS的情况。据我所知，对深度选择器的支持很快就会消失

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54717079

复制

相似问题

问我能隔离amplify-authenticator样式吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我能隔离amplify-authenticator样式吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我能隔离amplify-authenticator样式吗？
EN