0

製品の価格リストを表示するドロップダウン コンボ ボックスを設計しています。そのために、Rupee フォントを css に埋め込みました。

これはコードです：

<select class="comboboxstyle" name="sports" id="sports">
  <option class="optionstyle" value="subscribe">Subscribe</option>
  <option class="optionstyle" value="monthly">Monthly <span style="font-family:Rupee">`</span>30</option>
  <option class="optionstyle" value="weekly" >Weekly<span style="font-family:Rupee">`</span>20</option>
  <option class="optionstyle" value="daily">Daily<span style="font-family:Rupee">`</span>10</option>
</select>

ただし、ブラウザは option タグ内の font タグをサポートしていませんが、option タグ内にない場合は正常に機能します。ルピーのシンボルだけが表示され、他のテキストが消えるため、ルピーのフォントを全体に適用することはできません。

何か助け...

4

2 に答える 2

1

内で HTML タグを使用することはできません。回避策として、次のサンプルのように 自体<option>にスタイルを使用します。<option>

<select>
    <option style="font-weight: bold;">Text Text 1</option>
    <option style="font-family: Rupee;">Text Text 2</option>
    <option style="color: #FF0000;">Text Text 3</option>
</select>
于 2012-09-20T07:20:21.190 に答える
0

適切にエンコードされた (Unicode エンコードされた) フォントを使用するか、ルピー記号 (名前、略語、国際通貨コード、別の認識されている記号、または文脈と対象者に適したもの) の代わりを見つけてください。

INDIAN RUPEE SIGN (U+20B9) を意味していると思いますが、より古く、より広くサポートされている一般的な RUPEE SIGN ではありません。新しいシンボルは、適切にエンコードされたいくつかのフォントに実装されています。http://www.fileformat.info/info/unicode/char/20b9/fontsupport.htm を参照 してください。、現代のArialにはそれが含まれていますが、Arialの古いバージョン（シンボルが定義される前に作成されたもの）には明らかに含まれていません。

ただし、ダウンロード可能なフォントとして、DejaVu Sans などの適切なフリー フォントの使用を検討することもできます@font-face。selectこれは、メニューのフォントがページの他の部分と異なることを意味しますが、これは大きな問題ではありません。人々はそのようなことに慣れており、デフォルトでさえ、多くのブラウザはそこで特別なフォントを使用しています.

要素全体のフォントの設定が失敗する理由は、使用されているルピー フォントが 8 ビット フォントの 1 つであり、いくつかの新しい (または特別な) シンボルを迅速かつ汚い方法で実装しようとしているからです。このトリックは、フォントを変更して文字のアイデンティティを変更するという古い考え (このような状況を除いて、今日ではほとんど放棄されています) に基づいています。つまり、「a」の代わりに「b」のグリフが表示されるフォントを使用して、「a」を「b」に変えます。そのようなトリックは、通常、何らかの方法で反撃します。

于 2012-09-20T07:58:51.453 に答える