Question

我想将CSS应用于指令元素，但以下示例不起作用。有什么建议吗？

指令：

app.directive('test', function() {
    return {
        restrict: 'E',
        templateUrl: 'test.html'
    };
});

的test.html：

<div></div>

的index.html：

<body>
    <test></test>
</body>

CSS：

test {
    width: 100px;
    height: 100px;
    background-color: yellow;
}

Answer 1

这是plunker：

这是一个CSS问题，只需添加display: block;：

test {
  width: 100px;
  height: 100px;
  background-color: yellow;
  display: block;
}

在HTML中，默认情况下，某些标记（如div）会呈现为块级元素创建自定义标记时，它将默认为内联元素。

您可以在开发者工具中检查它：

enter image description here