2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 如何美化单选复选框按钮样式 – CSS – 前端 css 中间向两边渐变

如何美化单选复选框按钮样式 – CSS – 前端 css 中间向两边渐变

时间:2021-06-10 01:11:16

相关推荐

如何美化单选复选框按钮样式 – CSS – 前端 css 中间向两边渐变

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

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

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

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

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。