Axure原型工具如何实现输入框变颜色

 时间:2026-05-09 10:49:40

1、创建一个空白页面,准备相应的元件素材,拖入文字、矩形和文本框到工作区域,如下图所示。

Axure原型工具如何实现输入框变颜色

2、将两个矩形命名,后面做交互事件的时候需要用到,如下图所示。

Axure原型工具如何实现输入框变颜色

3、设置将两个输入框的样式进行调整,并将边框进行隐藏,如下图所示。

Axure原型工具如何实现输入框变颜色

4、下面开始对两个矩形框的选中样式进行设置,主要是线段的颜色,如下图所示。

Axure原型工具如何实现输入框变颜色

5、选中的样式设置完成后,对其中一个输入框的获取焦点时的交互事件进行设置,如下图所示。

Axure原型工具如何实现输入框变颜色

6、然后继续对输入框的失去焦点时的交互事件进行设置,如下图所示。

Axure原型工具如何实现输入框变颜色

7、同样的方式,将别外一个输入框的获取焦点时和失去焦点时的交互事件进行设置,如下图所示。

Axure原型工具如何实现输入框变颜色

8、所有工作准备完成,f5预览一下,当鼠标点击帐户输入框的时候,外围的边框会变成蓝色,当鼠标点击密码输入框的时候,密码外围的边框会变成蓝色,如下图所示。

Axure原型工具如何实现输入框变颜色

Axure原型工具如何实现输入框变颜色

  • 如何利用Axure RP 8设计单选和多选列表框
  • Axure去除文本框边框教程
  • Axure怎么实现页面载入时元素旋转效果
  • axure中如何设置鼠标按下时矩形变色效果制作
  • 怎样在Axure项目中导入另一个项目的页面功能
  • 热门搜索
    苹果手机进水怎么办 横线在下面怎么打 4a91s发动机怎么样 眼圈发黑是怎么回事 喝酒脸红怎么办 电脑顿号怎么打出来 铁砂掌怎么练 微信服务号怎么申请 怎么唱高音 怀孕怎么办