web前端 input 输入框获得焦点时会缩小 当你使用 outline 时,出现此问题。 如果是在 chrome 中,chrome 有一个默认属性: input:focus, textarea:focus, keygen:focus, select:focus { outline-offset: -2px; } 所以会缩小,要修改的话,需要给元素增加一个属性: input:focus { outline-offset: 0; }
CSS3 CSS3对图片照片进行边缘模糊处理 使用CSS3的新特性实现各种图片边缘的模糊效果。 1. 在图片标签外部套一层DIV标签: <div class="img-edge-cover"> <img src="photo.png" alt="photo"> </div> 2. 为外层DIV添加一圈向内的边缘阴影,也是css3的新特征box-shadow,以模拟图片边缘模糊效果,CSS样式如下: .img-edge-cover { width: 180px;