HarmonyOS 鸿蒙Next开发，隐藏输入框时真机点击无光标但现小蓝圈，如何去除？

开发短信验证码页面，隐藏了输入框，但是在真机上点击隐藏的输入框不显示光标但是会有个小蓝圈，怎么能去掉呢？

可以将TextInput的透明度设置为0

      TextInput({ placeholder: '', text: $$this.verifyCode, controller: this.textInputController })
        .width('100%')
        .height('100%')
        .opacity(0)
        .type(InputType.Number)
        .maxLength(this.digits)
        .selectionMenuHidden(true)
        .enableKeyboardOnFocus(false)
        .onFocus(() => {
          // 获取焦点时，将光标至于末尾
          this.textInputController?.caretPosition(this.verifyCode.length)
        })
        .onChange((value) => {
          if (this.oldText !== value) {
            this.oldText = value
            if (value.length === 6) {
              this.onSubmit(this.verifyCode)
            }
          }
        })<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

yibo5220 2楼•2 个月前

楼主您好，这个目前是无法去除的。

ionicwang 3楼•2 个月前

在HarmonyOS鸿蒙Next开发中，若隐藏输入框时真机点击无光标但出现小蓝圈，这通常与输入框的渲染或透明度设置有关。可以尝试将TextInput的透明度（opacity）设置为0，并确保没有其他样式或属性导致该现象。同时，检查是否有其他UI元素或布局影响了输入框的显示。如果问题依旧无法解决，建议检查相关API文档或社区讨论，以获取更具体的解决方案。如果问题依旧没法解决请加我微信，我的微信是itying888。