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

Question

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

Answer 1

解决措施

可以通过多态样式来自定义组件在点击、按压、获焦时的不同形态。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%') 
  } 
}

参考链接

多态样式