Axure--登陆页面输入框变色

说明:登陆界面,包含用户名与密码的输入框,当焦点进入输入框时,输入框边框和图标变为蓝色;失去焦点时,恢复灰色

效果:

Axure--登陆页面输入框变色


页面元件:

Axure--登陆页面输入框变色

设置矩形框和图标的选中状态:

Axure--登陆页面输入框变色

Axure--登陆页面输入框变色



设置输入框的选中状态:属性-》获取焦点-》双击-》case1-》元件-》设置选中-》选中 

Axure--登陆页面输入框变色



设置输入框的取消选中状态:

Axure--登陆页面输入框变色


Axure--登陆页面输入框变色

效果图:

Axure--登陆页面输入框变色