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

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

效果:

Axure--登陆页面输入框变色_第1张图片


页面元件:

Axure--登陆页面输入框变色_第2张图片

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

Axure--登陆页面输入框变色_第3张图片

Axure--登陆页面输入框变色_第4张图片



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

Axure--登陆页面输入框变色_第5张图片



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

Axure--登陆页面输入框变色_第6张图片


Axure--登陆页面输入框变色_第7张图片

效果图:

Axure--登陆页面输入框变色_第8张图片

你可能感兴趣的:(页面设计,axure,登陆界面,边框变色)