`Creatable`の` x`アイコンをカスタマイズするにはどうすればいいですか？

Question

各タグのアイコンにあるxアイコンを自分の画像に変更したいと思います。

react-selectはこれをサポートしていますか？

Answer 1

ソリューション：

.Select-value-icon { 
    visibility: hidden; 
    border: none; 
    border-right: none; 
} 

.Select-value-icon::after { 
    visibility: visible; 
    content: url('/img/delete-tag-icon.png'); 
} 

アイデアは、あなたがvisibility: hiddenを使用して、デフォルトxを隠すが、その後、カスタムイメージを含む余分な要素を生成することです。

Answer 2

ドキュメントに基づいて、ソースコードで見た後、あなたは何thisのための小道具をレンダリングはありませんことがわかります。 @renderRemoveIcon。独自のレンダラーを持つほどフレキシブルではありませんが、CSSを使用して変更することはできます。純粋なCSSで