您好,我们最近开始在 Aurelia 中制作自定义元素。我们制定的规则之一是在使用自定义元素时不能将类名放在它们上。
这给我带来了问题,因为自定义元素本身没有任何属性,因此它破坏了很多样式。
特别是当放入弹性容器内时它会破裂。
我已阅读 developers.google.com您可以使用 :host
选择器设置自定义元素的样式,但我找不到 Aurelia 的任何提及,并且我正在努力让它工作。
我有一个codepen来演示这个问题here .
最佳答案
您可以设置自定义元素的样式通过引用元素本身,如下所示:
o-custom-element {
color: white;
background: green;
flex-grow: 1;
}
我已经 fork 了你的 codepen 以显示更改:http://codepen.io/anon/pen/ZeEdLL
关于flexbox - Aurelia 自定义元素在 Flex-Container 内不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42438273/