如何美化单选复选框按钮样式_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 6:12:08 共计：3576 浏览

如何美化单选复选框按钮样式？

Axure提供的组件中，复选框的样式是固定的，没法修改的，如果想要美化复选框样式，只能自己做，美化的方式有两种：

1、自己用组件形状画，通过填充颜色，设置描边和阴影进行美化。

2、如果你有更高的要求，或者想做高保真原型，就让UI设计师设计复选框样式，记得至少要两种状态样式，选中状态和非选中状态。

自己做复选框在技术上也有两种实现方式：

1、通过动态面板实现，将复选框的两个样式置于动态面板的两个状态里，点击动态面板切换状态，就能实现复选框的效果。

2、通过显示隐藏元件实现，将两个状态的元件叠放在一起，设置点击一个元件隐藏自己显示另一个元件，也能实现复选框的效果。

另外，原型毕竟是原型，一般情况下不用刻意去美化某个组件，除非你想做高保真原型。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。