当px大于600px时，datalist选项宽度小于输入宽度。如何在chrome上动态修复它

html5 • • 问答

大家好我正在使用flask WTForm表单控件类作为宽度，但不确定如何在snipet中做到这一点，所以我对宽度进行了硬编码。

我面临的问题是输入真的很长，但下拉选项与输入宽度不匹配。当您运行代码段时，您可以看到下拉菜单是输入宽度的 1/10。我尝试给选项和数据列表相同的宽度，但没有任何效果。

我将如何使 chrome 上的选项下拉菜单与我的输入具有相同的宽度，谢谢

<input type="text" style = "width:800px" list="colors_data">
                        <datalistclass="form-control"style = "width:800px">
                          <option style = "width:800px"value="red"></option>
                          <option style = "width:800px"value="orange"></option>
                          <option style = "width:800px"value="green"></option>
                          <option style = "width:800px"value="blue">The color of the sky</option>
                        </datalist>
以上是当px大于600px时，datalist选项宽度小于输入宽度。如何在chrome上动态修复它的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容