Question

我想显示＆lt; select＆gt;的向下箭头没有显示任何选项。只有在单击箭头时，选项才会照常显示。而不是这个：它应该如下所示：编辑空选项不是解决方案，因为选择标记的大小由“最长”标签自动调整大小。选项。将选择标记的大小调整为宽度：20px＆＃39;在每个浏览器中都不起作用。除了用户点击选项应显示的箭头外，只有箭头不会显示任何其他内容。

Answer 1

这就是你想要的我想要的东西。下次，向我们展示您尝试过的代码。我们不是来编写您的代码。我们随时为您提供帮助。

＆＃13;

select {
  width: 20px;
}

＆＃13;

<select>
  <option> </option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

＆＃13;

Answer 2

这可能有用。你是否想要在屏幕上的其他地方点击时再次隐藏所有这些Option1，Option2等？

function clicked() {
document.getElementById("a").innerText="Option1";
document.getElementById("b").innerText="Option2";
document.getElementById("c").innerText="Option3";
document.getElementById("d").innerText="Option4";
}

<select onclick="clicked()">
<option value="Option1" id="a"></option>
<option value="Option2" id="b"></option>
<option value="Option3" id="c"></option>
<option value="Option4" id="d"></option>
</select>

Answer 3

这将仅从箭头开始，当您选择一个选项时，它将显示为箭头。

 <select style="background:transparent; border:0px; padding:0px;">
 <option></option>
 <option>here is an option</option>
 <option>another option</option>
 </select>

如何只显示<select>的箭头？

3 个答案: