JavaScript网页背景暗色和亮色开关切换

input[type=checkbox]{  height: 0;  width: 0;  visibility: hidden;}label {  cursor: pointer;  text-indent: -9999px;  width: 52px;  height: 27px;  background: grey;  float: right;  border-radius: 100px;  position: relative;}label::after{  content: '';  position: absolute;  top: 3px;  left: 3px;  width: 20px;  height: 20px;  background-color: white;  border-radius: 90px;  transition: 0.3s;}input:checked + label {  background-color: var(--color-headings);}input:checked + label::after {  left: calc(100% - 5px);  transform: translateX(-100%);}label:active:after {  width: 45px;}

评论(3)

• 

  星动优创 普通用户 2020年7月18日 下午4:26

  欢迎您光临1pma.cn，本站秉承服务宗旨 履行“站长”责任，销售只是起点 服务永无止境！

  登录后回复
  • 

    小潘 普通用户 回复 星动优创 2020年10月26日 下午9:35

    ?
• 123木头人 普通用户 2020年9月2日 下午8:24

  ?普通用户

  登录后回复