9

HTMLデータリストに単純な問題がありますが、どういうわけかこの問題を解決できません。次のデータリストの表示幅を変更しようとしました:

<input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="this is a really long name for a browser">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Internet Explorer">
  </datalist>
<input type="submit">

しかし、何を試しても、「長い」オプション値は削減されます。データリストがどれだけ長くてもすべてのオプション値を表示するように、どうすればそれを変更できますか?

よろしくお願いします

4

3 に答える 3

0

ブラウザーには、データリストを表示する標準化された方法がまだありません (また、一部のブラウザーはそれをサポートしていない場合もあります)。ルック アンド フィール。BrowserStack.com を使用して webshim/datalist の組み合わせをテストしました。Firefox、Chrome、iOS 9、Android 4.3、IE8/9/10/11/Edge はすべて機能しているように見え、親の INPUT フィールドの幅に制限されていません。

https://github.com/aFarkas/remote-list

https://github.com/aFarkas/webshim

注: webshim の開発者は、jQuery 3.0 と互換性のある新しいメジャー バージョンを開発する予定はないと述べています。

于 2015-11-11T20:11:48.923 に答える