2016-03-25 10 views
0

アンドロイドの選択フィールドを使用しているときに、選択ポップアップでRTLテキストの問題が1つ見つかりました。 テキストが英語の文字で始まる場合、選択ポップアップのテキストはrtlスタイルを適用しません。 Example ご覧のとおり、第1オプションと第3オプションはrtlスタイルなしで表示されました。 ポップアップのテキストの方向は、オプションタグの文字によって異なります。Android Chromeブラウザ。間違った選択ポップアップrtlテキストの方向

デスクトップブラウザの選択フィールドにすべてのオプションが正しく表示されます。

I試みのような他のapproachs:

  • ユニコードBIDI:オーバーライドをBIDI。スタイル
  • dirの選択の属性やオプション

が、それらのすべては、この問題で私を助けていませんでした。

クロムには、ポップアップで選択フィールドにrtlスタイルを強制するオプションがありますか? この動作はモバイルブラウザでは正常ですか?

クロームバージョン:43.0.2490.76

例コード:

HTML

<div class="dropdown"> 
    <select> 
     <option value="0">A اختر</option> 
     <option value="1">ذكر C</option> 
     <option value="2">A أثنى</option> 
    </select> 
</div> 

のCss

.dropdown { 
    direction: rtl; 
} 

select{ 
    width:125px; 
    float:left; 
} 

あなたはこの例を見ることができます:https://jsfiddle.net/f2p0pjxc/

のおかげ

答えて

0

私はあなたがこれをしたいと思う:

.dropdown { 
 
    direction: rtl; 
 
    text-align: right; 
 
} 
 

 
select{ 
 
    width:125px; 
 
    float:left; 
 
}
<div class="dropdown"> 
 
    <select> 
 
     <option value="0">A اختر</option> 
 
     <option value="1">C ذكر</option> 
 
     <option value="2">A أثنى</option> 
 
    </select> 
 
</div>

+0

があなたのhtmlで正しく書きます –

関連する問題