selectテキストが右
1239 ワード
selectテキストは右にあり、まずtext-align:right:
text-align火狐でOKですが、webkitカーネルのグーグルでは無効で、select原生のスタイルの制御性は確かに悪いです.しかしcssのdirectionを使うとこの問題を解決することができます.
ラベルのプロパティ:
CSS方式:
W 3 Cではdirection属性についてこう説明しています
ブラウザサポート:directionプロパティはすべてのブラウザでサポートされています.
定義と使用法:directionプロパティはテキストの方向/書く方向を規定します.この属性は、ブロックの基本的な書き込み方向と、Unicode双方向アルゴリズムに対する埋め込みおよび上書き方向を指定します.双方向テキストをサポートしないユーザーエージェントは、このプロパティを無視できます.
属性値:ltrデフォルト.テキストの方向は左から右です.rtlテキストの方向は右から左です.inheritは、親要素からdirectionプロパティの値を継承することを規定します.(IE 8を含むInternet Explorerのバージョンでは、属性値「inherit」はサポートされていません.)
中央にあるのにこの方法では解決できないので、ここではプラグインselect 2をお勧めします.ツリーレベルのドロップダウンボックスを使用する場合は、前に書いたselect 3をお勧めします.
text-align火狐でOKですが、webkitカーネルのグーグルでは無効で、select原生のスタイルの制御性は確かに悪いです.しかしcssのdirectionを使うとこの問題を解決することができます.
ラベルのプロパティ:
CSS方式:
W 3 Cではdirection属性についてこう説明しています
ブラウザサポート:directionプロパティはすべてのブラウザでサポートされています.
定義と使用法:directionプロパティはテキストの方向/書く方向を規定します.この属性は、ブロックの基本的な書き込み方向と、Unicode双方向アルゴリズムに対する埋め込みおよび上書き方向を指定します.双方向テキストをサポートしないユーザーエージェントは、このプロパティを無視できます.
属性値:ltrデフォルト.テキストの方向は左から右です.rtlテキストの方向は右から左です.inheritは、親要素からdirectionプロパティの値を継承することを規定します.(IE 8を含むInternet Explorerのバージョンでは、属性値「inherit」はサポートされていません.)
中央にあるのにこの方法では解決できないので、ここではプラグインselect 2をお勧めします.ツリーレベルのドロップダウンボックスを使用する場合は、前に書いたselect 3をお勧めします.