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

我想将CSS应用于指令元素，但以下示例不起作用。有什么建议么？是否可以将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; 
}

2014-01-22 camden_kid

这里是一个plunker：

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

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

在HTML，有些标签（如div）得到呈现为默认块级元素。
当您创建自定义标签时，它将默认为内联元素。

您可以检查它里面的开发人员工具：

enter image description here

2014-01-22 09:53:29

感谢您对答案的链接和其它详细信息。 –

回答