<Select>下向き矢印は一度しか動作しません

私が設計したウェブサイトの<select>ドロップダウンボックスを作成しました。ドロップダウンの「矢印」を選択してオプション（任意のオプション）を選択すると、結果がページの右側にフィルタリングされます。すばらしいです！！しかし、再度 "矢印"を選択しようとすると、何も起こりません。名前バー/オプション表示名をクリックしない限り、ドロップダウンは表示されませんか？（私はあなたがそれを何と呼んでいるのかは分かりません）。<Select>下向き矢印は一度しか動作しません

私が何を意味しているかがわかる方が良いです。私は下記のウェブサイトのページへのリンクを掲載しました。 3つのドロップダウンから1つのオプションを選択するだけで、下の矢印をもう一度打つことを試みます。

うまくいけば、これはあなたが助けてくれるものですが、それは軽微ですが、ユーザーエクスペリエンスが少しでも不満を募らせます。

www.lunkerhunt.com/ourproducts.html

出典

2012-03-09 MARC NARDANGELI

私にとってはうまくいくようです。テストしているブラウザ（およびバージョン）を明記し、正確な手順を入力してください（「トップリストからXを選択してから、3番目のリストからyを選択してから、再度トップリストでzを選択してください」）問題を再現してください。 – JTeagle

リンクの例は表示されません。 –

skaffmanが何らかの理由でリンクを削除しました。ここにある：www.lunkerhunt.com/ourproducts.html – Turnip

あなたは右側のULに私は見つけることができませんでした何らかの理由で現れる40ピクセルのパディングを考慮するために、左の-40pxマージンを与えるクラスを持っています。アイテムが選択されると、パディングが消え、正しいコンテンツがドロップダウンの矢印部分と重なるようになります。そのクラスを次のように変更した場合：

.edukitList { 
    margin: 0 auto 0 0; 
    padding: 0; 
}

これは動作するはずです。問題があれば教えてください

出典

2012-03-09 17:45:31

<Select>下向き矢印は一度しか動作しません

答えて

関連する問題