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

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

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背景高亮样式
488浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
284浏览 • 1回复 待解决
如何清空文本输入框内容
538浏览 • 1回复 待解决
js如何清空一个input 输入框内容
7616浏览 • 1回复 待解决
HarmonyOS 自定义键盘不能顶起输入框
242浏览 • 1回复 待解决