css - 如图所示设计 HTML5 下拉菜单

标签 css html drop-down-menu

如何仅使用 HTML/HTML5 使下拉菜单看起来像图像中的一样?

enter image description here

我试过使用这段代码,但它并没有完全按照要求生成下拉菜单。 :

 <select name="Select1" size="3">
<!--<option value="">- Please select a name -</option>-->
<option value"210">210</option>
<option value="110">110</option>
<option value="410">410</option>
<option value="337">337</option>
</select>

提前致谢。

最佳答案

只需从 select 中删除 size="3" 即可按照您的预期进行。

<select name="Select1" >
    <!--<option value="">- Please select a name -</option>-->
    <option value="210">210</option>
    <option value="110">110</option>
    <option value="410">410</option>
    <option value="337">337</option>
</select>

关于css - 如图所示设计 HTML5 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35766285/

相关文章:

css - Font awesome 5 伪类不适用于我的工具包

javascript - JavaScript 中的按钮点击计数器

javascript - 当我的页面加载速度过快时,如何测试我的加载屏幕?

javascript - CSS NavBar 过渡问题

jQuery - 为什么附加的 Div 总是在最上面?

html - 显示跨度 inline-block 与 inline 相结合

javascript - 从 xml 动态创建下拉列表

html - 下拉子菜单中每列只有三个元素

html - 如何制作一个纯CSS的下拉菜单?

javascript - 自定义滚动条不滚动