(function($) {
    $.fn.extend({

        customStyle: function(options) {
            if (!$.browser.msie || ($.browser.msie && $.browser.version > 6)) {
                return this.each(function() {

                    var currentSelected = $(this).find(':selected');
                    $(this).after('<span class="customStyleSelectBox"><span class="customStyleSelectBoxInner">' + currentSelected.text() + '</span></span>').css({ position: 'absolute', opacity: 0, fontSize: $(this).next().css('font-size') });
                    var selectBoxSpan = $(this).next();
                    var selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css('padding-left')) - parseInt(selectBoxSpan.css('padding-right'));
                    var selectBoxSpanInner = selectBoxSpan.find(':first-child');
                    selectBoxSpan.css({ display: 'inline-block' });
                    selectBoxSpanInner.css({ width: selectBoxWidth, display: 'inline-block' });
                    var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
                    $(this).focus(function() {
                    var abc = this[this.selectedIndex].text;
                        selectBoxSpanInner.text(abc).parent().addClass('changed');
                    }).change(function() {
                        var abc = this[this.selectedIndex].text;
                        selectBoxSpanInner.text(abc).parent().removeClass('changed');
                        $(this).focusout();
                    }).blur(function() {
                        var abc = this[this.selectedIndex].text;
                        selectBoxSpanInner.removeClass('changed');
                        $(this).focusout();
                    });
                });
            }
        }
    });
})(jQuery);