如何在HTML/CSS水平方向设置选择框的选项

因此，如果问题不清楚，我想要的草图。关于这件事，我找不到类似的问题，所以这就是我问的原因

我希望它是尽可能简单和css只

<div class="myselectbox">My Selectbox
  <select class="myselect_class" id="myselect_id">
    <option>OPT1</option>
    <option>OPT2</option>
    <option>OPT3</option>
    <option>OPT4</option>
  </select>
</div>

---

提前感谢

您只需在css下输入显示设置即可。因为默认显示为块截面。 因此，您需要对CSS代码进行如下更改：

.myselect_class{
   display: inline-block;
 }

试试这个：

.dropbtn{ 背景色：4CAF50； 颜色：白色； 填充：16px； 字体大小：16px； 边界：无； 光标：指针； } .下拉列表{ 位置：相对位置； 显示：内联块； } .下拉内容{ 显示：无； 位置：绝对位置； 右：0； 背景色：f9f9f9； 最小宽度：260px； 盒影：0px 8px 16px 0px rgba0,0,0.2； z指数：1； } .下拉内容a{ 颜色：黑色； 填充：12px 16px； 文字装饰：无； 显示：块； } .下拉列表内容a:悬停{背景色：F1FLOAT；} .dropdown内容a{float:left；} .下拉：悬停.下拉内容{ 显示：内联； } a{ 浮动：左； } .dropdown:悬停.dropbtn{ 背景色：3e8e41； } 选择

---

select的工作原理并非如此，而是将其视为下拉菜单。您不能。。您必须自己创建它，而不是本机选择，使用ul-li结构来模拟选择，并按照您想要的样式进行样式设置。可能重复@comments。感谢您的澄清和建议。使用select真的不可能吗？您的示例不错，但我希望选项直接显示在选择框的一侧。