取消点击textinput时的背景高亮样式

取消点击textinput时的背景高亮样式

HarmonyOS
2024-08-05 16:09:51
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
南风春和

利用多态样式设计,我们可以自定义组件在多种交互状态下的外观,包括点击、按压以及获焦等。对于TextInput组件而言,通过精细配置其按压时的样式表现,我们能够有效地实现取消点击输入框时背景高亮效果的目的,从而提升用户体验。

参考代码如下:

@Entry
@Component
struct Page46 {
  @Styles
  onPress() {
    .backgroundColor('#00000000')
  }

  build() {
    Row() {
      Column() {
请输入手机号' })
          .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-08-05 20:15:37
相关问题
HarmonyOS TextInput 取消默认焦点
531浏览 • 1回复 待解决
HarmonyOS TextInput无法取消焦点
330浏览 • 1回复 待解决
TextInput如何取消默认聚焦效果
2435浏览 • 1回复 待解决
HarmonyOS 如何取消TextInput自动聚焦
479浏览 • 1回复 待解决
TextInput如何取消自动获得焦点
602浏览 • 1回复 待解决
HarmonyOS 组件/容器设置背景样式
429浏览 • 1回复 待解决
HarmonyOS TextInput组件错误样式问题
578浏览 • 1回复 待解决
触摸TextInput组件背景颜色如何更改
662浏览 • 1回复 待解决
TextInput按压态背景色如何修改
2528浏览 • 1回复 待解决