css
ansinie
这个作者很懒,什么都没留下…
展开
-
css改变checkbox 和 radio的样式
本质上还是用图片来覆盖原来的样式/*首先隐藏原来的样式*/input[type="checkbox"]{display: inline-block;position: relative;visibility: hidden;}/*未选中时显示未选中的图片*/input[type="checkbox"]:after{content: '';position: absolute;top: 0;left: 0;width: 15px;height: 15px;background: url("https:原创 2021-11-17 10:44:02 · 144 阅读 · 0 评论 -
自定义checkbox 选中样式
原理就是通过定位 :after遮住原有的checkbox 然后用:before 写一个 checkbox 样式,通过css的 :checked属性决定显隐藏 input[type='checkbox']{margin-right: .2rem; position: relative; width: .25rem; height: .25rem; } input[type='checkbox']:after{ content: ''; p原创 2021-08-13 15:54:17 · 332 阅读 · 0 评论 -
css折扣样式
<style type="text/css"> #Discount{ border: 1px solid red; width: 200px; height: 50px; text-align: center; font-size: 20px; line-height: 50px; } #Discount>div{ float: left; } #Discount>#left{ ba原创 2021-02-18 09:56:58 · 778 阅读 · 0 评论