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

烟火的降落

已于 2024-01-19 09:39:21 修改

阅读量608

点赞数 9

文章标签： uni-app webkit 前端

于 2024-01-19 09:37:54 首次发布

本文链接：https://blog.csdn.net/Frank_colo/article/details/135688875

版权

本文介绍了在uniapp项目中，如何解决iOS设备点击标签时的蓝色背景问题，以及如何集成zxz-uni-data-select插件以实现下拉框搜索功能。步骤包括添加插件、配置pages.json、处理eslint报错和组件导入。

摘要由CSDN通过智能技术生成

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;
}