checkbox美化
代码语言:html
所属分类:表单美化
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> * { box-sizing: border-box; } .cbx { -webkit-user-select: none; user-select: none; cursor: pointer; padding: 6px 8px; border-radius: 6px; overflow: hidden; transition: all 0.2s ease; } .cbx:not(:last-child) { margin-right: 6px; } .cbx:hover { background: rgba(0,119,255,0.06); } .cbx span { float: left; vertical-align: middle; transform: translate3d(0, 0, 0); } .cbx span:first-child { position: relative; width: 18px; height: 18px; border-radius: 4px; transform: scale(1); border: 1px sol.........完整代码请登录后点击上方下载按钮下载查看
网友评论0