CSS
web_qdkf
这个作者很懒,什么都没留下…
展开
-
清除IE10下input的叉叉(X)和密码输入框的眼睛图标
从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本, 如下图: 对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。 大多数情况下,为了和其他浏览器呈现相同的效果,需要将input文本输入框右方的X给去掉,将密码输入框右边的小眼睛也给去掉。转载 2015-11-25 17:28:05 · 7840 阅读 · 0 评论 -
绝对定位,margin:0 auto,让元素竖直居中
问题: div { margin: auto; position: absolute; top: 0; left: 0; right: 0 bottom: 0; width: 100px; height: 100px; } 是如何自适应的。 原因是,绝对定位的布局取决于三个因素,一个是元素的位置,一个是元素的尺转载 2015-11-30 17:34:22 · 1530 阅读 · 0 评论 -
alpha透明兼容代码生成
http://leegorous.net/tools/bg-alpha.html转载 2016-02-29 13:44:03 · 278 阅读 · 0 评论 -
:after伪类方法解决移动端1px变粗的原因
:after伪类方法 .border-line{position:relative;} .border-line:after{position: absolute; width: 100%; left: 0;bottom: 0; display: block;border-top: 1px solid rgba(7,17,27,0.1); content: ' ';}原创 2017-12-29 12:03:14 · 1009 阅读 · 0 评论