javascript - Datalist 箭头不在 ie 和 firefox 中

标签 javascript jquery html css firefox

您好,我在 fiddle 中使用数据列表标签作为下拉菜单。我只在 chrome 中得到下拉箭头。并且箭头没有进入 ie 和 firefox。 在 Firefox 中,搜索是惰性搜索,即;它不是基于第一个字母

fiddle 是::https://jsfiddle.net/v7fg0zc8/ 请指定样式(如果有的话)以实现此目的

  <!DOCTYPE html>
  <html>
  <body>
      <input list="browsers" name="browser">
      <datalist id="browsers">
      <option value="Internet Explorer"></option>
          <option value="Firefox"></option>
          <option value="Chrome"></option>
          <option value="Opera"></option>
          <option value="Safari"></option>
      </datalist>
  </body>
  </html>

最佳答案

检查这个。我尝试了很多方法,但效果不佳。可能这是唯一的解决方案

input::-webkit-calendar-picker-indicator {
  display: none;/* remove default arrow */
}
.myarrow:after {
    content: url(/image/i9WFO.png);
    margin-left: -20px; 
    padding: .1em;
    pointer-events:none;
}
<span class="myarrow"><input list="browsers" name="browser" id="#show-suggestions"></span>
<datalist id="browsers">
  <option value="Internet Explorer"></option>
  <option value="Firefox"></option>
  <option value="Chrome"></option>
  <option value="Opera"></option>
  <option value="Safari"></option>
</datalist>

关于javascript - Datalist 箭头不在 ie 和 firefox 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31041925/

相关文章:

Javascript - 变量值是另一个变量的名称

javascript - 使用 JavaScript 解析 JSON 多个级别

Javascript/Jquery 属性选择器

javascript - jquery - 从txt文件读取数据并分配给不同的变量

html - 对齐问题与 CSS/HTML 中的 Flash 文件

javascript - 使用select过滤表数据的问题

javascript - 生成器和 Promise - 尝试结合

javascript - 存储购物车数据的更好方法是什么?

javascript - jQuery:无法选择附加的选择选项

java - 在方法中的循环外部提取变量