前端 - input datalist如何设置显示数据宽度，高度？
想实现效果
共有2个答案
<datalist>元素本身并不直接支持设置显示数据宽度和高度。要设置相关的宽度和高度，需要设置与其关联的<input>元素的样式。可以使用内联样式或外部样式表来设置宽度和高度。
无法设置，以下是MDN上的描述：
有些元素根本不能用应用 CSS 样式。这些包括：所有高级用户界面小部件，如范围，颜色或日期控件; 和所有下拉小部件，包括<select>, <option>, <optgroup>和<datalist> 元素。文件选择器小部件也被称为不可样式化。新的<progress>和<meter> 元素也属于这个类别。
所有这些小部件的主要问题来自于它们具有非常复杂的结构，而 CSS 目前还不足以表达这些小部件的所有细微部分。如果你想定制这些小部件，你必须依靠 JavaScript 来构建一个你能够应用样式的 DOM 树。我们会在 How to build custom form widgets (en-US)一文中探索如何实现这一点。
https://developer.mozilla.org/zh-CN/docs/Learn/Forms/Styling_...
-
问题内容： 我的元素： 风格： 脚本，使其保持方形： 问题是要在纯CSS中做同样的事情。没有脚本。 问题答案： 我知道有两种技术可以根据元素的高度保持元素的长宽比： 当 高度相对于视口时 ： 您可以使用vh单位： 对于 基于父元素的高度的高度 ： 您可以使用具有所需纵横比的虚拟图像。宽高比为1：1的示例可以使用1 * 1透明.png图像，也可以使用@vlgalik注释为1 * 1 base64编码
-
我使用Flexbox，但似乎有一个问题，当我尝试设置父div的高度/宽度为自动。 Flexbox指南， 我也试试这个， 但它只给一行子项上色， 根据子记录宽度设置父背景颜色存在问题，如何使用Flexbox设置自动宽度。 是否可以使用JavaScript找出宽度并设置父宽度？ 请您建议最佳做法，按照分区的最大高度来安排项目。
-
问题内容： html CSS 我想在我将display：inline属性添加到css中后，立即以其原始高度和宽度（在css中设置）并排显示两个div，它似乎失去了先前定义的高度和宽度。[用＃1和＃2检查divs似乎松动了高度和宽度设置] 有人可以指出我似乎正在做的错误或此怪异行为的解决方法吗？ 问题答案： 内联对象没有高度或宽度。为什么要先将它们设置为内联？您可能想要浮动它们或使用它们。
-
问题内容： 我只是无法设置导航元素的高度和宽度。 有什么想法我做错了吗？ 问题答案： 添加显示：块； a-tag是一个内联元素，因此您的高度和宽度将被忽略。
-
问题内容： 抱歉，我一直在搜索此论坛，但没有确切答案。所以我问自己的。 我有一堂课，用目标纵向屏幕640x960显示glView和webview两种布局。我计划拆分布局。因此我的背景看起来是在（0,0,640,480）或纵向屏幕的一半处绘制的。，我想在（0,481,640,479）处绘制我的Web视图，该视图占据了从中间到底部的另一半。但是，我失败了，无法弄清楚如何实现我想要的布局。如何设置web
-
问题内容： 我有一组元素，要求它们的最小宽度等于它们的高度，但是高度没有明确设置。目前，我可以通过jQuery 设置css 属性来实现此目的： 是否可以直接在CSS中指定此行为？ 问题答案： 我不相信没有JS，这是不可能的，但是也许有人可以证明我错了？ CSS不允许您使用动态变量，因此，如果在页面加载之前未设置高度，我不确定该怎么做。