如何在按钮点击时添加自定义CSS？

Question

我有一个具有一些预定义CSS的按钮。使用此按钮，我创建了一个动作按钮和一个textarea。

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

我试过了 -

的jQuery -

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

    });
});

但它似乎没有用，我怎么能这样做？

这里需要iframe吗？

Fiddle

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