如何取消点击输入框时的背景高亮效果-鸿蒙开发者社区-51CTO.COM

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

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

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
相关问题
取消点击textinput背景高亮样式
502浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
287浏览 • 1回复 待解决
如何清空文本输入框内容
565浏览 • 1回复 待解决
js如何清空一个input 输入框内容
7625浏览 • 1回复 待解决
HarmonyOS 自定义键盘不能顶起输入框
244浏览 • 1回复 待解决