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

Question

是否有可能在不同的屏幕尺寸(@media screen 和最小宽度...)上有不同的复选框状态(输入类型....已选中)我希望我的复选框黑客打开大屏幕和关闭小。 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"] {....} 
}

希望对您有所帮助......