js动态加载style标签

 

。

let styleNode = document.createElement("style");
styleNode.setAttribute("type","text/css");
styleNode.innerHTML = `
    .cus{
        color:red;
    }
`;
let headNode = document.querySelector('head');
headNode.appendChild(styleNode)

也可以分情况更改style标签内的样式

style.styleSheet && (style.styleSheet.cssText += content) || style.appendChild(document.createTextNode(content));

 

vue中，可以在vue实例化之前，从后端接口请求过来样式，把style标签添加在项目内，可以做一些自定义样式的需求

。