Iphone 有没有连接css和UI自定义类的方法

它非常感兴趣的是如何连接CSS样式和UI自定义类。例如，创建继承UIButton类的类并向其添加CSS样式。可能吗

编辑 我的css：

我的类继承自UIButton类，没有任何其他更改。我只想添加css属性。

应该可以

<script>
jQuery(function(){
    // add your own class
    jQuery(".button").addClass("ui-button-new-css");

    jQuery(".button.ui-button-new-css").hover(function(){
        jQuery(this).addClass("ui-button-new-css-hover");
    }, function(){
        jQuery(this).removeClass("ui-button-new-css-hover");
    });

    jQuery(".button.ui-button-new-css").focus(function(){
        jQuery(this).addClass("ui-button-new-css-active");
    });

    jQuery(".button.ui-button-new-css").blur(function(){
        jQuery(this).removeClass("ui-button-new-css-active");
    });
});
</script>

<style>
    .button.ui-button-new-css { 
        /* your new css property */
    }
    .button.ui-button-new-css.ui-button-new-css-hover { 
        /* your new hover css property */
    }
    .button.ui-button-new-css.ui-button-new-css-active { 
        /* your new active css property */
    }
</style>

jQuery（函数（）{
//添加您自己的类
jQuery（“.button”）.addClass（“ui按钮新css”）；
jQuery（“.button.ui按钮新css”）.hover（函数（）{
jQuery（this.addClass）（“ui按钮新css悬停”）；
}，函数（）{
jQuery（this.removeClass（“ui按钮新css悬停”）；
});
jQuery（“.button.ui按钮新css”）.focus（函数（）{
jQuery（this.addClass）（“ui按钮新css活动”）；
});
jQuery（“.button.ui按钮新css”）.blur（函数（）{
jQuery（this.removeClass）（“ui按钮新css活动”）；
});
});
.button.ui-button-new-css{
/*您的新css属性*/
}
.button.ui-button-new-css.ui-button-new-css-hover{
/*新的悬停css属性*/
}
.button.ui-button-new-css.ui-button-new-css-active{
/*您的新活动css属性*/
}

是的，您可以更改/添加新的css属性，但有点复杂，确保添加后不会影响JavaScript…您能给我一些示例或一些教程的链接吗？检查这个问题，我认为这可能会对您有所帮助@我不知道怎样才能把css添加到我的类中。你能把你的css和UI自定义类放在这里，这样我就可以解释。。。

<script>
jQuery(function(){
    // add your own class
    jQuery(".button").addClass("ui-button-new-css");

    jQuery(".button.ui-button-new-css").hover(function(){
        jQuery(this).addClass("ui-button-new-css-hover");
    }, function(){
        jQuery(this).removeClass("ui-button-new-css-hover");
    });

    jQuery(".button.ui-button-new-css").focus(function(){
        jQuery(this).addClass("ui-button-new-css-active");
    });

    jQuery(".button.ui-button-new-css").blur(function(){
        jQuery(this).removeClass("ui-button-new-css-active");
    });
});
</script>

<style>
    .button.ui-button-new-css { 
        /* your new css property */
    }
    .button.ui-button-new-css.ui-button-new-css-hover { 
        /* your new hover css property */
    }
    .button.ui-button-new-css.ui-button-new-css-active { 
        /* your new active css property */
    }
</style>