input框点击出现蓝色背景，uniapp项目，这是ios系统手机独有的问题，安卓和window系统没有。要在点击的标签里面加上 -webkit-tap-highlight-color

input框点击出现蓝色背景，uniapp项目，这是ios系统手机独有的问题，安卓和window系统没有。

要在点击的标签里面加上  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

 

.uni-stat__select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  // padding: 15px;
  cursor: pointer;
  //   width: 100%;
  width: 500rpx;
  flex: 1;
  box-sizing: border-box;
  background-color: #fff;
}

.uni-stat-box {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  flex: 1;
}

解决后，就不会点击显示蓝色背景了

uniapp项目，要实现下拉框可搜索的功能，uniapp官方组件和uview都没有这个功能的组件。我到uniapp的插件市场找了个下载多的插件 zxz-uni-data-select

这个插件可以实现下拉框搜索功能

点击下载zip包

 下载后解压

 然后在pages.json里的自动扫描配置里添加这个插件，让uniapp自己扫描，这样就可以全局用了

 然后给这个插件要进行类型声明，和自己写全局组件的类型声明一样

有时下载的插件文件会报错，这和我们的eslint检查有关，要想不报错

 在这个插件文件里，在最顶部写/* eslint-disable */

让eslint不检查这个文件

 然后在你需要的页面里，导入这个插件

 组件名