如何在不同的屏幕尺寸上更改复选框黑客的默认状态？

Question

是否可以在不同的屏幕尺寸（@media屏幕和最小宽度...）上设置不同的复选框状态（输入类型....已选中）...我希望我的复选框黑客打开大屏幕和小屏幕关闭。 css应该怎么样？ （拜托，没有JS解决方案。）

Answer 1

这样的事情会......

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
input[type="checkbox"] {....} 
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 980px) { .home-search { 
input[type="checkbox"] {....} 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { .home-search { 
input[type="checkbox"] {....} 
}

希望这有助于.......