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

2025-11-06 02:09:32

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中怎么设置文本框边框变色?

1、点击文本框,在属性一栏中找到提示文字,在提示文字框中输入想要显示的信息。

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

2、在预览时可以看到,文本框内出现了刚才输入的提示信息,字体颜色是淡灰色。

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

3、当光标进入文本框时提示信息会消失。

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢