You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

iOS 26中如何隐藏Safari键盘与输入框之间的表单默认按钮

iOS 26中如何隐藏Safari键盘与输入框之间的表单默认按钮

嘿,这个问题我之前帮同事解决过,其实这是iOS 26里Safari新增的表单辅助工具栏,专门给多表单元素导航用的,但单个输入框的时候确实有点碍事。给你几个亲测有效的解决方法:

  • 方法一:CSS直接隐藏辅助栏(最推荐)
    直接给输入框添加WebKit专属的CSS样式,强制隐藏这个工具栏:

    input::-webkit-input-accessory-view {
        display: none !important;
        height: 0 !important;
    }
    

    这个方法针对Safari的内核直接生效,操作简单,完全不会影响输入框的其他原生功能。

  • 方法二:通过输入框属性禁用辅助功能
    如果CSS方法偶尔有兼容性问题,你可以给输入框加上几个属性,明确告诉Safari不需要表单辅助:

    <input 
      type="text" 
      autocomplete="off" 
      autocorrect="off" 
      autocapitalize="none" 
      spellcheck="false"
    >
    

    这些属性组合起来,会让Safari判定这个输入框是独立的、不需要导航辅助,大概率会自动隐藏那栏按钮。

  • 方法三:应急方案——模拟输入框(不推荐)
    要是前两种都不管用,极端情况可以用<div>模拟输入框,监听键盘事件来处理输入内容。但这种方法会丢失原生输入框的输入法适配、自动纠错等实用功能,只建议实在没办法的时候临时用。

你先从第一种方法试起,基本都能解决问题。要是还不行,把第二种的属性加上,双管齐下肯定没问题!

火山引擎 最新活动