Question

<!DOCTYPE html>
<html>
<body>

<form action="demo_form.asp" method="get">
  <input list="browsers" name="browser" placeholder="choose browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
</form>
</body>
</html>

使用上面的代码。下拉箭头仅显示用户在输入上悬停的时间如何将input元素设置为始终显示下拉列表的图标？

Answer 1

尝试这种小型css样式，然后重新加载页面。

   input::-webkit-calendar-picker-indicator {
        opacity: 100;
    }

html原生组合框，显示下拉箭头

1 个答案: