2017-02-02 6 views
1

firefoxの選択ボックスで何が起こっているのか分かりません。それはクロムとエッジでうまく動作します。 Firefoxではそうではありません。みんな助けてください。mozillaで選択ボックスが正常に動作しない

選択フィールドには50個のオプションがありますが、そのすべてがfirefoxで水平方向に積み重ねられています。この問題の原因は何か。 このlink

Screen Shot

+0

私はFFにチェックし、 MACのクロムは、どちらも同じように見えます。あなたが見ているもののスクリーンショットを少なくとも投稿できますか?できる場合は選択コードを追加してください – Huangism

+0

使用しているHTMLとCSSを入力してください。 – freginold

+0

コードは上記のリンクと同じですが、空白のページにあります。 – Kamalakannan

答えて

1

を確認してくださいあなたのIDが財産display: initialを持っているとFirefoxがそれを好きではないように思われます。すべてのオプションをwidth: 100% and display: blockに設定し、IDから表示初期プロパティを削除するか、または重要を使用すると、firefoxで問題が解決されます。

例:!

option { 
    width: 100%; 
    display: block !important; 
} 

あなたは重要な宣言を使用したくない場合は、あなたが#のaccounty3id、#のaccount4idからdisplay: initialプロパティを削除することができ、など

+1

プロパティを設定する必要はありません。 'display'プロパティを削除するだけで正常に動作します。 –

+1

さて、 'option'タグの表示プロパティを設定する理由はありません。それらをすべて削除し、正常に見えるはずです – Huangism

+0

ええ、それは働いた。ディスプレイをブロックするように設定しました。ありがとう@イアンJミラー – Kamalakannan

関連する問題