是否可以將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

感謝您對答案的鏈接和其它詳細信息。 –

回答