取消点击textinput时的背景高亮样式-鸿蒙开发者社区-51CTO.COM

取消点击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无法取消焦点
609浏览 • 1回复 待解决
HarmonyOS TextInput 取消默认焦点
799浏览 • 1回复 待解决
TextInput如何取消自动获得焦点
887浏览 • 1回复 待解决
HarmonyOS 如何取消TextInput自动聚焦
887浏览 • 1回复 待解决
TextInput如何取消默认聚焦效果
2852浏览 • 1回复 待解决
HarmonyOS 组件/容器设置背景样式
806浏览 • 1回复 待解决
HarmonyOS TextInput组件错误样式问题
961浏览 • 1回复 待解决
触摸TextInput组件背景颜色如何更改
1148浏览 • 1回复 待解决
TextInput按压态背景色如何修改
2787浏览 • 1回复 待解决