【那些年的产品Axure总结】元件覆盖后的边框变色,文本框和矩形

本文介绍如何通过组合文本框和矩形组件,并启用鼠标交互,解决文本框覆盖导致的边框颜色无法改变的问题。关键步骤包括组合元素、允许触发交互及设置交互样式。

经典场景:输入框,鼠标悬停时边框变色,提醒此处可输入

实现思路:1、文本框实现元件默认提示语,矩形设置交互变颜色

                  2、矩形【交互样式设置-鼠标悬停-边框颜色】

存在问题:文本框覆盖在矩形上,光标若移动到文本框范围内,无法判定为属于“矩形范围”,故无法触发交互条件,边框不变色

解决方案:将文本框和矩形【组合】,对组合进行【允许触发鼠标交互】-【交互样式设置】,注意,需要开启【允许触发鼠标交互】,否则无效

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值