摘要：当加载图片损坏时我们通常会以特定的图片显示加载失败的图片，一般以onError方法替换图片地址实现，下面记录一个纯css简单实现的、兼容性好的替换破损图片的方案： img { position: relative; } img[alt]:after { display: block; positio 阅读全文

摘要：Chrome下的输入框控件如果选择了保存的自动填充的值，背景颜色将变成黄色并且无法通过css的background属性修改 事实上有很多方法可以进行这个背景颜色的更改，下面记录一个简单的方法 input:-webkit-autofill, input:-webkit-autofill:hover, 阅读全文

摘要：在less中使用calc函数进行不同长度单位的计算时，后面值的单位会被忽略，例如： height: calc(100vh - 50px); 结果等于50vh 解决方法：在表达式前添加"~" height: calc(~"100vh - 50px"); 阅读全文

摘要：chrome内核浏览器可以修改滚动条样式，只需要几句css即可实现，下面列出常用的修改样式： // 滚动条整体宽度::-webkit-scrollbar { width: 8px; }// 滚动条滑槽样式 ::-webkit-scrollbar-track { -webkit-box-shadow: 阅读全文

摘要：移动端项目中需要给按钮一个点击反馈，首先想到用css:active实现，在安卓手机上无问题，但在iPhone手机下无效。 在网上搜索后，发现解决方法很简单： 1.body添加ontouchstart 2.js给 document 绑定 touchstart 或 touchend 事件 我使用的是第二 阅读全文