tauri开发Mac电脑Safari浏览器一个很奇怪的问题:在 input 输入框输入的是全小写英文字母,会自动将首字母转换为大写解决办法

问题原因

在 Mac 系统中默认使用 Safari 的内核 WKWebView 作为渲染引擎,而 Safari 浏览器的一些 "人性化" 机制:如果输入框中输入的是全小写英文,会自动将首字母转换为大写。

解决办法

我只需要禁止这个默认的行为,即可解决这个问题。在 input 组件中添加 autoCapitalizespellCheckautoCompleteautoCorrect 等属性就能完美解决首字母自动转大写的问题。

javascript 复制代码
autocomplete="off"
autoCapitalize="off"
autoCorrect="off"
spellCheck="false"

因为我用的elementui,所以我的是el-input标签,其实和input标签一样

如果是AntdUI的话,也可以这样:

javascript 复制代码
const disabledAutoCapitalize = {
  spellCheck: false,
  autoComplete: 'off',
  autoCorrect: 'off',
  autoCapitalize: 'off',
}

const Com = () => {
  
  return (
    <div className="box">
	    <Input {...disabledAutoCapitalize} />
      {/*  other code*/}
    </div>
  )
}

export default Com
相关推荐
小弟调调34 分钟前
Vidwall: 支持将 4K 视频设置为动态桌面壁纸,兼容 MP4 和 MOV 格式
macos·swiftui·桌面应用·macos app
Digitally4 小时前
如何将iPhone备份到Mac/MacBook
macos·ios·iphone
瓜子三百克1 天前
CALayer的异步处理
macos·ios·cocoa
Fine姐1 天前
传感器WSNs TheDataLinkLayer——B-MAC
macos
九丝城主1 天前
2025使用VM虚拟机安装配置Macos苹果系统下Flutter开发环境保姆级教程--中篇
服务器·flutter·macos·vmware
呆萌的代Ma1 天前
解决Mac上的老版本docker desktop 无法启动/启动后一直转圈/无法登陆账号的问题
macos·docker·eureka
fengyun28911 天前
Omi录屏专家 Screen Recorder by Omi 屏幕录制Mac
macos·mac·录屏·屏幕录制
不学会Ⅳ1 天前
Mac M芯片搭建jdk源码环境(jdk24)
java·开发语言·macos
九丝城主2 天前
2025使用VM虚拟机安装配置Macos苹果系统下Flutter开发环境保姆级教程--上篇
服务器·flutter·macos·vmware
芳草萋萋鹦鹉洲哦3 天前
【vue3+tauri+rust】如何实现下载文件mac+windows
windows·macos·rust