手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure中怎么设置文本框边框变色

时间:2024-10-24 22:18:53

1、首先拖入一个矩形框,并命名为1

Axure中怎么设置文本框边框变色

2、设置矩形框的样式:圆角半径设置为10

Axure中怎么设置文本框边框变色

3、给矩形框1设置交互样式,在选中时线段颜色变为蓝色。

Axure中怎么设置文本框边框变色

4、拖入一个文本框并命名为2,让文本框2完全置于矩形框1中,两者之间尽量留少点缝隙。选中文本框在属性一栏中勾选隐藏边框。

Axure中怎么设置文本框边框变色

5、为文本框添加交互,在文本框获取焦点时,设置选中状态于矩形框1为“True”。

Axure中怎么设置文本框边框变色

6、为文本框添加交互,在文本框失去焦点时,设置选中状态于矩形框1为“False”。

Axure中怎么设置文本框边框变色

7、最后文本框中所设计的交互如下图所示。

Axure中怎么设置文本框边框变色

8、点击预览,在生成的网页中,鼠标没有点击文本框时,文本框颜色为灰色。

Axure中怎么设置文本框边框变色

9、鼠标点击文本框时,文本框颜色为设置好的蓝色。

Axure中怎么设置文本框边框变色
© 手抄报圈