Axure RP9 文本框变色

2416132-8934a45c828e9053.png
屏幕快照 2019-06-04 10.45.50.png

如上图,一个简单的布局,首先我们选中文本框最外层的矩形


2416132-a2f5e5d712725be0.png
屏幕快照 2019-06-04 10.48.30.png

点击:新建交互


2416132-4314017a815b5085.png
屏幕快照 2019-06-04 10.49.22.png

点击:选中
2416132-3a75b33ae9fad996.png
屏幕快照 2019-06-04 10.50.12.png

点击:更多样式选项


2416132-afc275a98e47f1d3.png
屏幕快照 2019-06-04 10.51.45.png

勾选:线段颜色,选择一个颜色,点击:确定

选中文本框,新建交互->选则获取焦点时


2416132-7a6b8eaa3e8c2256.png
屏幕快照 2019-06-04 10.54.07.png

选则:设置选中


2416132-4dd19ca049d902ce.png
屏幕快照 2019-06-04 10.54.51.png

选中border01(border01:是用户名输入框所在的矩形)
2416132-d6524eff3991c6d1.png
屏幕快照 2019-06-04 10.56.03.png

点击:确定


2416132-c04a1e97692d90a9.png
屏幕快照 2019-06-04 10.57.33.png

取消焦点重复上面的步骤即可,失去焦点border01设置为假


2416132-e64f3d385d19b0d6.png
屏幕快照 2019-06-04 10.59.07.png

密码边框色设置重复用户名边框设置即可,效果如下


2416132-6085e5d521283efe.png
屏幕快照 2019-06-04 11.00.12.png

猜你喜欢

转载自blog.csdn.net/weixin_33963594/article/details/90966067