Jquery jqTransform-组合框所选文本颜色更改问题

Jquery jqTransform-组合框所选文本颜色更改问题,jquery,css,Jquery,Css,我已经在我的表单上应用了jquery插件jqTransform。现在我的要求是,当用户选择任何下拉项时,所选项的颜色应该更改。这是表单的URL,我也附上了示例图片,以便您更好地理解我的要求 请在这方面帮助我,我知道它需要一些棘手的jquery代码,我是初学者 下面是示例图像 现在看到的颜色由此css规则样式应用。css,您可以更改或删除它: #content_area .order_form .form .show_everything .jqTransformSelectWrapper { w

我已经在我的表单上应用了jquery插件jqTransform。现在我的要求是,当用户选择任何下拉项时,所选项的颜色应该更改。这是表单的URL,我也附上了示例图片,以便您更好地理解我的要求

请在这方面帮助我,我知道它需要一些棘手的jquery代码,我是初学者

下面是示例图像


现在看到的颜色由此css规则样式应用。css,您可以更改或删除它:

#content_area .order_form .form .show_everything .jqTransformSelectWrapper {
width: 224px !important;
height: 33px;
line-height: 41px;
border: none;
margin-left: -5px;
margin-top: 0;
text-indent: 12px;
font-size: 18px;
color: #dad9d9; /*This needs to be removed or changed*/
font-weight: normal;
border-radius: 14px;
box-shadow: inset 1px 3px 5px #cccccc;
cursor: pointer;
}
还要将此规则添加到css文件:

 .defaultOption {
     color: #dad9d9;
 }
除此之外,在脚本中添加以下内容

$(function() {
    $('.remember , .show_everything').jqTransform({ imgPath: 'app_themes/images/img/' });
       /*Add start*/

    //Add the default option class initially since the default option wil Show Everything
    $(".show_everything").find('.jqTransformSelectOpen').prev('span').addClass('defaultOption');

    //Bind a click event to the plugin control anchor dropdown
    $(".show_everything div.jqTransformSelectWrapper ul li a").click(function (e) {
        e.preventDefault();
        //Get the span element which shows selected text
        var parent = $(this).closest('.jqTransformSelectWrapper').find('.jqTransformSelectOpen').prev('span');
        //Remove the class
        parent.removeClass('defaultOption');
        //Check if clicked option text matches  the target, if so add the default option class to it.
        if ($(this).text().match(/Show Everything/i)) {
            $(this).closest('.jqTransformSelectWrapper').find('.jqTransformSelectOpen').prev('span').addClass('defaultOption');
        }

    });
    /*Add end*/

});

$(document).ready(function() {
   $(".show_everything").click(function() {
     $(".show").slideToggle();
  });
});

当我从content\u区域中删除颜色时。order\u form.form.show\u everythis.jqtransfermselectwrapper下拉列表中的第一项show everythis也变成黑色。我想让第一个项目始终以灰色显示所有内容。对,但如何添加新规则?我没有找到可用于css的下拉项的任何属性。我将迫不及待地等待。非常感谢:@AwaisImran您可以控制下拉选择吗?我的意思是在JS源代码中?由于它是同一个div上的一个文本,并且没有单独的标识,因此我们需要使用js在选择时应用该类。请解释您想要什么?