CSS 未正确应用于 Angular 中的自定义组件

驴香蕉

我有一个自定义组件,并且在父组件的标记中使用了许多组件。当我自定义组件中声明样式时,它会按预期执行。但是,当我在选择每个自定义组件的父组件中设置样式时,会发生格式设置但不针对自定义组件 - 相反,它会在其外部而不是与其相关。

Blitzy 示例中,边界不是hellows周围,而是它们外面

我不明白为什么会这样,更不用说如何解决它了。

汤米施密特

您的自定义组件未设置displaycss 属性,因此默认为display: inline. 边框对内联元素的工作有点奇怪……你可以在这里阅读更多关于它的信息:https : //stackoverflow.com/a/5700058/6357653

为了解决您的问题,您可以添加display: block到您的自定义组件。参考:https : //stackblitz.com/edit/angular-rbpzwz

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

样式未正确应用于Navbar React组件

来自样式标签的CSS样式未正确应用于页面

CSS优先规则未正确应用于输入框的宽度

CSS 类未正确应用于网站上的图像

自定义组件中的Angular preSelected选项未显示

Bootstrap 样式未正确应用于应用程序中的所有元素

将Angular组件中的CSS应用于子组件

使用本机句柄将CSS应用于Angular指令(自定义或不自定义)

Angular - 将自定义 css 应用于无效的 FormControl,而不是 FormGroup?

自定义字体未应用于CSS中的:before伪元素之前

Twitter Bootstrap列定义未正确应用于Kendo DropDown

自定义CSS文件未应用(在Angular应用程序中)

CSS范围的生成的Angular属性未应用于组件的内部元素

如何将自定义函数正确应用于数据框字典?

如何将CSS样式应用于自定义React组件

如何将自定义CSS应用于ionic 4组件?

如何在Angular中将样式应用于自定义组件内容?

将CSS应用于HTML5自定义元素的正确方法

Angular CSS 未应用于“mat-grid-list”

如何在Angular 2/5中的自定义标签上应用CSS?

如何使自定义管道可用于Angular 2中的所有组件?

在Angular 2+中,我可以检测到何时将指令(如routerLink)应用于我的自定义组件吗?

将CSS样式应用于Angular 2应用程序中的所有组件

CSS不适用于自定义fxml组件

CSS定位不适用于自定义组件

在 Angular 中自定义共享组件

使用 JQuery 中的自定义数据属性将 css 应用于 tr

如何确保CSS样式正确应用于从数组映射的项目

我的 CSS 没有正确应用于我的 PHP 包含文件