javascript - 将 CSS 转换为内联 CSS？

Question

我发现了这个很棒的 CSS code以及在我的网站上使用它的内容。但是因为我必须用 PHP 生成很多按钮，所以我需要将 CSS 内联编写为按钮的 style="..." 。我现在的问题是，如何将其转换为内联 CSS？

我已经在谷歌上搜索了一个转换器，但遗憾的是我没有找到任何东西。

Answer 1

你可以把它放在你的文件的顶部，周围是样式标签。

如果关联的类位于要受影响的元素上，它将仅影响该文件。

<style>
//css code goes here
</style>

编辑:

如果您特别希望它是内联的并且不想手动输入它，那么您将不得不找到或编写一个工具来在其上添加运行后处理。正确地编写这个将是一个挑战，但 Gulp 可能是你的 friend 。