Bootstrap 5.3浮动标签在Chrome中显示异常：占位符重叠问题求助

问题现象 #

• 在Google Chrome（版本123.0.6312.86 64位正式版）中，Bootstrap 5.3的浮动标签出现异常：占位符显示在标签文本下方，不符合预期。
• 相同页面在Firefox或Microsoft Edge中显示正常，浮动标签表现符合设计预期。

设备与环境 #

• 操作系统：Windows 11 Pro 23H2 64位
• 处理器架构：x64

已做排查 #

• 已通过Google搜索相关问题，未找到匹配结果，猜测该问题可能仅出现在本地设备上。
• 启用Chrome开发者工具的「Show user agent shadow DOM」选项后，显示情况如下：
  
• Chrome异常显示效果：
  
• Firefox/Edge正常显示效果：
  

求助内容 #

1. 该异常问题的可能原因是什么？
2. 如何解决此问题？
   欢迎各位提供相关建议。

内容的提问来源于stack exchange，提问作者Jack