javascript - 如何在按钮单击时添加自定义 CSS？

Question

我有一个具有一些预定义 CSS 的按钮。使用此按钮，我创建了一个操作按钮和一个文本区域。

每当我在 textarea 中编写一些 CSS 时，应该在通过操作按钮提交此 CSS 时将其添加到现有按钮的 CSS 中。

我试过这个-

jQuery-

$(function(){
    $('.add').click(function(){
      var custom=$('.textarea').val();
        $('.button').css(custom);

    });
});

但它似乎没有工作，我该怎么做？

这里需要吗iframe？

小提琴

Answer 1

您可以尝试以下方法：

$('.button').attr("style", custom);

jsFiddle

Answer 2

也许试试这个

   $(function(){
        $('.add').click(function(){
          var custom=$('.textarea').val().split(',');        
             $('.button').css(custom[0],custom[1]);
        });
    });

background,red在文本区域传入