Question

如何通过javascript在浏览器Dom中创建和编辑css文件然后下载？

我创建了一个按钮创建器，并且有大量的css规则，而且css文件太长了。所以，我想给用户一个选择，当用户创建一个按钮时，我想只给出一个用于创建按钮的css规则的css文件。 css文件将通过javascript在浏览器dom中创建。

例如，假设我创建了一个带

的按钮

{
    font-size: 20px;
    padding:10px 5px;
    background-color: #333;
    color: #FFF;
}

等

现在，我想要一个只有这种风格的css文件我不想给复制剪贴板中的样式提供选项用户将获得要下载的css文件。

我不知道任何后端语言。我正在学习前端的过程。

Answer 1

在这里，您将获取给定元素的计算样式，并为用户提供将其保存在css文件中的选项。当然可以对它进行调整，但基本上就是这样：

HTML：

InputMethodManager imm = (InputMethodManager) getSystemService(Activity.INPUT_METHOD_SERVICE);
                imm.toggleSoftInput(InputMethodManager.HIDE_IMPLICIT_ONLY, 0);

CSS：

<button id="b" href="#">export to CSV</button>

和Javascript（JQuery）：

#b {
    background: linear-gradient(to bottom right, #fff, #0af);
    border: solid 1px #0af;
    border-radius: 10px;
    color: #333;
    cursor: pointer;
    margin: 10px;
    outline: none;
}
#b:hover {
    background: linear-gradient(to bottom right, #fff, #0af, #07c);
}

哦，当然是jsFiddle来测试它......

信用额度为Awesomeness01，Brett Zamir和marknadal

如何在浏览器Dom中通过javascript创建和编辑css文件然后下载？

1 个答案: