标签：四川 实现 文本 选项 账号 步骤 重庆 针对 完成后
*****矩形交互样式之单选按钮*****
1、账号输入框、密码输入框等文本框实现效果：输入框获取焦点时边框是蓝色，失
去焦点时边框为红色；
2、实现思路：边框用矩形来设置选中和未选中、禁用和启用即可
3、切记：选中和未选中、禁用和启用都是针对外部的矩形不是内部的输入框！
4、步骤：
1）将矩形【选中】状态的边框颜色改为红色，禁用状态的边框颜色改为蓝色
2）内部输入框隐藏，点击矩形的时候再显示并且获取焦点在输入框内，禁用矩形框
（即边框为蓝色）
3）输入框【获取焦点时】，设置矩形未选中后再禁用矩形（蓝色）
4）输入框【失去焦点时】，启用矩形再设置矩形选中（红色）
5）以上步骤完成后，不管重复点击多少次输入框，都能遵循以上规则实现效果。
*****矩形交互样式之复选框实现*******
1、矩形框内文本为√，文本颜色设置为白色，选中状态的文本颜色设置为想要的颜
色。
2、矩形框【鼠标单击时】——【设置选中状态为“toggle”】即可实现选中的切换
。（点击选中，再次点击取消选中）
****下拉框交互样式*****
1、地点选择：省市对应辖区
1）省市——【shengshi】：包含云南、四川、重庆三个选项
2）辖区转化为动态面板——xiaqu
3）xiaqu——【状态1：云南】包含所有云南的辖区——xiaqu_yn
4）xiaqu——【状态2：四川】包含所有四川的辖区——xiaqu_sc
5）xiaqu——【状态3：重庆】包含所有重庆的辖区——xiaqu_cq
6）【shengshi】——【选项想改变时】——【设置条件】——【被选项值为“重庆
”】——【设置动态面板状态为“重庆”】，以此类推判断其他的用例。
标签：四川 实现 文本 选项 账号 步骤 重庆 针对 完成后
原文地址：https://www.cnblogs.com/LindaBlog/p/9994172.html
