Можно ли применить 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) получить визуализируется как блочные элементы по умолчанию.
При создании пользовательского тега он по умолчанию будет встроенным элементом.

Прочитайте эту статью: http://www.impressivewebs.com/difference-block-inline-css/

Вы можете осмотреть его внутри инструментов разработчика:

enter image description here

источник

2014-01-22 09:53:29

Спасибо за ссылку и дополнительные детали в ответе. –

Можно ли применить CSS к элементу директивы?

ответ

Смежные вопросы