使用Javascript动态生成CSS代码

Question

  

可能重复：
  Changing a CSS rule-set from Javascript

尊敬的专家，

有没有办法根据用户在表单（用户界面）上填写的内容使用Javascript动态生成CSS样式表？

如果使用Javascript无法做到这一点，有人会指出我正确的方向。 Ruby on rails也没关系。

由于

Answer 1

是的，你可以这样做..假设你有一个输入字段..每当用户在输入字段中更改值时，你想添加一些特殊的CSS ..

 $('#form input').change(function(){
     $('#someElement').css({
              'background-color': 'green';
          });
 });

Answer 2

当然可以。但您必须验证用户输入。并编写某种css处理器来搜索输入文本中的元素本身和相应的css规则。

查找css规则很简单 - 它们都在大括号{...}内，并且应用规则的元素在大括号{...} .an .element {...}

你最终会得到类似css playground

的内容