Question

当焦点位于<input>并点击<select>下拉列表时，下拉列表的宽度会增加。我试图将焦点上的宽度设置为100％，但这不起作用。

这是我的HTML：

<html>
<body>
  <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
  <input type="text" placeholder="hello" />
</body>
</html>

Answer 1

添加onmousedown属性，让它专注于选择下拉列表，使其从输入框中失去焦点。出于某种原因，在访问该选择之前关注输入会导致此错误。

<select onmousedown="$(this).focus()">

当焦点位于带占位符的文本框中时，IE11中的下拉宽度会增加

1 个答案: