Динамически генерировать код CSS, используя Javascript

Question

Можно создать дубликат:
Changing a CSS rule-set from Javascript

Уважаемые эксперты,

Есть ли способ, чтобы динамически генерировать CSS стилей с использованием Javascript согласно тому, что пользователи заполняют форму (пользовательский интерфейс)?

Если это невозможно с помощью Javascript, может кто-то указать мне в правильном направлении. Рубин на рельсах тоже будет хорошо.

Благодаря

Answer 1

Конечно, вы можете. Но вы должны проверить ввод пользователя. И напишите какой-то css-процессор для поиска входного текста для самих элементов и соответствующих CSS-правил.

Поиск css-правил прост - все они находятся внутри фигурных скобок {...}, а элементы, к которым применяются правила, находятся за пределами фигурных скобок {...} .an .element {...}

Вы будете в конечном итоге с чем-то вроде этого css playground

Answer 2

Да, вы можете сделать это .. Допустим, у вас есть поля ввода .. и всякий раз, когда пользователь изменяет значение в поле ввода, то вы хотите добавить специальный CSS ..

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