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

Для начала скачиваем библиотеку вот здесь http://stillfinder.net/sites/default/files/jqtransform.zip или идем в гугль и ищем где можно скачать

Далее содержимое архива заливаем сюда /sites/all/themes/Ваша_тема/js/
Структура папок такая /sites/all/themes/Ваша_тема/js/jqtransform/jqtransformplugin/ - папка jqtransformplugin в папке jqtransform

Подключаем javascript библиотеки и ее css, для этого в Ваша_тема.info, который находится в папке с темой добавляем следующие строчки:
stylesheets[all][] = js/jqtransform/jqtransformplugin/jqtransform.css
scripts[] = js/jqtransform/jqtransformplugin/jquery.jqtransform.js

В файлике, где находятся все яваскрипты вашей темы добавляем следующий код:

Drupal.behaviors.jqTransform = function(context) {
$(function(){
//здесь пишем див в котором находится модифицируемый элемент формы
$('.webform-component-select').jqTransform();
});
}

webform-component-select заменяем на Ваш, добавляем много строчек вида
$('.webform-component-select').jqTransform();
для всех элементов внешний вид мы хотим заменить и радуемся жизни.

Оригинал здесь http://stillfinder.net/blog/izmenyaem-vneshnii-vid-elementov-formy-s-pom...