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

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

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背景高亮样式
619浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
386浏览 • 1回复 待解决
如何清空文本输入框内容
812浏览 • 1回复 待解决
HarmonyOS 监听输入框删除键
207浏览 • 1回复 待解决
HarmonyOS 输入框不显示内容
54浏览 • 1回复 待解决
HarmonyOS 输入框光标移位监听
44浏览 • 1回复 待解决
js如何清空一个input 输入框内容
7748浏览 • 1回复 待解决