html - 汎用 OpenLayers コントロールにカスタム マークアップを追加するにはどうすればよいですか?

Question

カスタム OpenLayers コントロールを使用して、フィーチャのアイコンのスタイルを変更しています。次のようになります。

StyleFeature = OpenLayers.Class(OpenLayers.Control, {
    layer = null,
    style = null,
    initialize: function (layer, style, options) {
        OpenLayers.Control.prototype.initialize.apply(this, [options]);
        this.layer = layer;
        this.style = style;
    },
    activate: function() {
        this.layer.styleMap.styles["default"] = this.style;
        this.layer.styleMap.styles["temporary"] = this.style;
        this.layer.styleMap.styles["select"] = this.style;
        return OpenLayers.Control.prototype.activate.apply(this, arguments);
    },
    CLASS_NAME: "OpenLayers.Control.StyleFeature"
});

これはうまく機能しますが、渡すスタイルの externalGraphic を使用して、OpenLayers コントロール自体にイメージ タグを配置したいと考えています。私の唯一のスタイリングオプションは、現時点ではcssを介しているようです。

何か案は？