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

2025-04-08 13:45:13

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中怎么设置文本框边框变色
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢