0
我在學習ShadowDOM並面臨這個奇怪的導入問題。如果沒有shadowDOM,我的圖標會出現在屏幕上,但在shadowDOM中它會顯示爲框。我不確定我做錯了什麼。請指導我。Shadow DOM導入行爲
This works。
<style>
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
</style>
<i class="fa fa-arrow-left" aria-hidden="true"></i>
這不。
<div id="root">root</div>
<script>
let root = document.getElementById('root').createShadowRoot();
root.innerHTML = `
<style>
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
</style>
<i class="fa fa-arrow-left" aria-hidden="true"></i>
`;
</script>