如何取消点击输入框时的背景高亮效果

如何取消点击输入框时的背景高亮效果

HarmonyOS
2024-01-21 12:17:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zingoo

可以通过多态样式来自定义组件在点击、按压、获焦时的不同形态。TextInput组件可以通过设置其按压时的形态来实现取消点击输入框时的背景高亮效果。

代码示例

@Entry 
@Component 
struct Page46 { 
  @Styles 
  onPress() { 
    .backgroundColor('#00000000') 
  } 
 
  build() { 
    Row() { 
      Column() { 
        TextInput({ placeholder: '请输入手机号' }) 
          .type(InputType.PhoneNumber) 
          .backgroundColor('#00000000') 
          .margin({ left: 10 }) 
          .maxLength(13) 
          .placeholderColor('#879499') 
          .height(50) 
          .copyOption(CopyOptions.None) 
          .fontColor('#666666') 
          .fontSize('18vp') 
          .flexGrow(1) 
          .stateStyles({ pressed: this.onPress }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}

参考链接

多态样式

分享
微博
QQ
微信
回复
2024-01-22 14:50:41
相关问题
js如何清空一个input 输入框内容
5779浏览 • 1回复 待解决
TextInput如何取消默认聚焦效果
286浏览 • 1回复 待解决
录音如何获取 当前输入音量大小
3733浏览 • 1回复 待解决
如何设置窗口背景
199浏览 • 1回复 待解决