Question

我希望能够将CSS放入javascript中，如此

<script>
  <style>dump bunch of css here</style>
</script>

能在javascript中包装css的正确语法是什么？这样做的目的是避免Drupal从页面中删除我的CSS。在保存时，它会删除所有css样式，但允许javascript保留。因此，我想通过在javascript中包装css来欺骗Drupal不要从保存页面中删除我的css。

这是我需要放入javascript的CSS

<style>
dt a {font-size:18px;margin-left:10px; display:block;color:#E45700;font-family: 'Lucida Grande',sans-serif;cursor: hand; cursor: pointer;background: url('http://libraries.idaho.gov/files/arrow-down.png') no-repeat center right;}
         dt {background:#EECC82;margin-bottom:15px;padding: 3px 15px 0 10px}
         dt a:hover {text-decoration:none!important;color:#fff;opacity:0.75;}
         dd {overflow:hidden}
        .key-points {overflow:hidden;padding:0!important;margin-bottom:30px;}
        .key-points li {width:32%;float:left;list-style-type:none;padding:0 10px 0 0;margin-left:0!important;}
        .key-points li.last {padding:0!important;}
        .key-points .text {overflow:hidden;}
        .key-points img {width:56px; height:56px;float:left;padding-right:10px;}
</style>

Answer 1

尝试从脚本标记执行此操作。

var styleEl = document.createElement('style');
styleEl.innerHTML = `body{color:blue; ... other styles}`;
document.head.appendChild(styleEl);

在javascript中回声css

1 个答案: