是否可以将CSS应用于指令元素？

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 ）会呈现为块级元素。
创建自定义标记时，它将默认为内联元素。

阅读这篇文章： http ： //www.impressivewebs.com/difference-block-inline-css/

---

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