アルファベット順の並べ替え-アルファベット順を示す最も直感的な方法

Question

だから私はプレーンな古いボタン（正確には2つのボタン）を持っています。ボタンには「並べ替え」と表示され、ボタンをクリックするとオプションが表示され、並べ替えの種類を選択できます。

並べ替えには、価格とアルファベット順の2種類があります。

価格については、font-sizeを使用して昇順/降順を指定することにしました。

このようなもの：

<span style='font-size:x-large'>$</span>
<span 'font-size:medium'>$</span>
<span 'font-size:small'>$</span>

これは、単語「価格」を直接使用しませんが、順序と変数を示します。私は現在、アルファベット順のテキストを使用していますが、アルファベット順を示すために、a-ZまたはZ-aのようなシンボリックアプローチに切り替えたいと思います。

だから、私の質問はアルファベット順を示すための最良の方法は何ですか？

Answer 1

これは以前に見たことがありますが、Microsoftがこれをどのように処理したかを示す例を次に示します。かなり簡単です。しかし、アイコンをデザインするためのよりきれいな方法があるかもしれません。 :)

Answer 2

または、価格を別の「列」として言及します。並べ替え可能なテーブルと同様に、並べ替えボタンをリスト自体に統合できます。目的が並べ替え階層を有効にすることではない場合（たとえば、名前、価格）。