javascript - アイコンではなくテキストをレンダリングするjqueryウィジェットを取得する方法

Question

漠然とした質問になることをあらかじめお詫び申し上げます。

私は現在、作業中のサイトにjQuery UI Datepickerを接続しており、CSSを使用したいので、ほとんどの場合、うまくスタイルを設定しています。

Previousただし、このウィジェットでは、月間を移動するためにパッケージ化されたおよびボタンのアイコンを使用しNextます (上記のリンクを参照)。

これらのアイコンを代わりにカラットに置き換えたいと思います。

jQuery UI ライブラリにアタッチされた CSS がアイコンのスタイル設定と配置を行っているとします。

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png);
}

background-imageCSSで設定された s の代わりに、CSS を使用してプレーンテキストのカラットを配置する簡単な方法はありますか?