1

データリストを使用してドロップダウンを表示しています

<datalist id="ddl1">
    <option value="one">Apple</option>
    <option vlaue="two">Mango</option>
    <option value="three">Cherry</option>
</datalist>

2 つのデータリスト行の間隔を広げるにはどうすればよいですか。追加してみると

<option value="one">One<br /></option>

これは Safari では問題なく表示<br />されますが、Chrome ではテキストとして表示されます。

これはどのように解決できますか。

4

1 に答える 1

1

残念ながら、これはまだ不可能です。Chrome の最近のバージョンでは<br />、テキストとして表示されなくなりましたが、ドロップダウンに改行もレンダリングされません。

通常、これはスタイルの問題であるため、CSS で修正する必要がありますが、それも機能しません。実際のdatalist要素は提案ドロップダウンの値のみを提供しますが、要素自体は表示されません。表示されるリストは、(たとえば) の上下矢印と同じように、shadow DOM にあり<input type="number" />ます。

datalistChrome の数値コントロールのような疑似セレクターが期待input::-webkit-outer-spin-buttonされますが、仕様化または実装されたものはまったくありませんdatalist。

于 2015-04-23T20:47:22.867 に答える