如何在按钮单击上添加自定义CSS？

Question

I have a button that has some predefined CSS. With this button i have created an action button and a textarea.

Whenever i write some CSS in textarea then it should be added to existing button's CSS when submitting this CSS by action button.

I tried this-

jQuery-

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

    });
});

But it doesn't seem to be working, How can i do this?

Is iframe Needed here?

Fiddle

Answer 1

You could try something like:

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

jsFiddle

Answer 2

Maybe try this

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

pass in background,red in text area