2

この質問が関係あるかどうかはわかりませんが、職場で問題になっているので...

クライアントの 1 つ (Mac を使用) は、デフォルトの<select>タグを使用して作成したドロップダウンに「問題」を示しました。ドロップダウンには 43 があり<option>ます。Windows PC では、ドロップダウンに (スクリーンショットでわかるように) スクロール バーがあり、一度にいくつかの項目だけが表示されます。しかし、クライアントのブラウザーでは、ドロップダウンにすべてのアイテムが一度に表示されます。Mac PC のドロップダウンにスクロール バーを表示する方法はありますか? いいえの場合、この問題を解決するためにどのような代替手段を適用できますか? ドロップダウンは HTML のデフォルト<select>と<option>タグを使用することに注意してください。代わりに jQuery プラグインを使用しないことを望んでいます。
ありがとう ：）

編集：参考までに、ここにウェブサイトがあります-http://webcityhome.com/client/aairportershuttle/reservation.php (ピックアップ場所で、[桟橋] に移動し、[桟橋番号] を選択します。) (リンク切れ)

これは私たちの PC の Windows スクリーンショットです -
Windows スクリーンショット

これはクライアントの PC に表示された Mac のスクリーンショットです。
Mac スクリーンショット

4

4 に答える 4

3

これは、OS Xでのドロップダウンリストの通常の予想される動作です。OSXは、リストに使用可能な垂直方向のスペース全体を使用し、画面の任意の部分に制限しません。

私はあなたのクライアントにそれを突き刺すように丁寧に言います。彼がやりたいのは、標準のOSが提供するコントロールのデフォルトの動作を変更することです。それはウェブサイト開発者の仕事ではなく、問題でもありません。それを変更して、すべてのユーザーに予期しない動作を提供することは問題になります。

OSXのすべてのドロップダウンリストはこのように機能します。なぜそれがあなたのサイトの問題にすぎないのかをクライアントに尋ねてください。

于 2012-12-12T19:02:07.303 に答える
1

Mac OSX 上の Chrome や Safari では問題ないようです。これがスクリーンショットです。 ここに画像の説明を入力

スクロールまたはマウスオーバーでアクティブになる下にスクロールする矢印が表示されます。

于 2012-12-12T18:58:48.390 に答える
0

スクロールバーが必要な場合は、サイズ属性を追加してみてください。例：<select size="20">。

于 2012-12-12T19:00:49.207 に答える
0

これが実際に機能するかどうかはわかりませんが、これをスタイルシートに追加してみてください。

select { height:7em; overflow:scroll; }

<select>とタグの両方<option>を CSS でスタイル設定できます。

于 2012-12-12T18:57:31.970 に答える