1、首先拖入一个矩形框,并命名为1
2、设置矩形框的样式:圆角半径设置为10
3、给矩形框1设置交互样式,在选中时线段颜色变为蓝色。
4、拖入一个文本框并命名为2,让文本框2完全置于矩形框1中,两者之间尽量留少点缝隙。选中文本框在属性一栏中勾选隐藏边框。
5、为文本框添加交互,在文本框获取焦点时,设置选中状态于矩形框1为“True”。
6、为文本框添加交互,在文本框失去焦点时,设置选中状态于矩形框1为“False”。
7、最后文本框中所设计的交互如下图所示。
8、点击预览,在生成的网页中,鼠标没有点击文本框时,文本框颜色为灰色。
9、鼠标点击文本框时,文本框颜色为设置好的蓝色。