CSS修改input中的placeholder默认颜色
摘要：使用 input-placeholder 属性来修改placeholder的默认颜色： 为了兼容不同的浏览器内核，要添加不同的前缀 input::input-placeholder { color: #999; } input::-webkit-input-placeholder { /* Chro
阅读全文
posted @
2023-04-12 09:47
转角遇到谁
阅读(431)
推荐(0) 编辑
如何选择class以“icon-” 开头，同时以“-s”结尾的元素？
摘要：属性选择器可以组合使用 i[class^=”icon-”][class$=”-s”]{ }
阅读全文
posted @
2019-01-22 09:52
转角遇到谁
阅读(245)
推荐(0) 编辑
去掉IE11隐藏input后的X和眼睛
摘要：通过过CSS虚拟元素(::-ms-clear、::-ms-reveal)禁用X和眼睛图标， input::-ms-clear{display:none;} input::-ms-reveal{display:none;}
阅读全文
posted @
2019-01-22 09:45
转角遇到谁
阅读(574)
推荐(0) 编辑
弹性布局 display:box(相对等分) 和 display:flex（绝对等分）
摘要：.wrap{ display: -webkit-box; display: -moz-box; display: box; /* display: -webkit-flex;display: -moz-flex;display: flex; */ width: 100%;height: 13px;p
阅读全文
posted @
2015-12-08 17:33
转角遇到谁
阅读(1655)
推荐(0) 编辑
css3选择器 not(ie8)
摘要：例如: 网站头部和导航条之间有个box-shadow区分下，但是ie9以下浏览器不识别，这时候我们就要加上边框了 .g-header:not(ie8){box-shadow: 0 3px 4px rgba(153, 153, 153, 0.4);border-bottom:none;} .g-hea
阅读全文
posted @
2015-12-08 16:49
转角遇到谁
阅读(687)
推荐(0) 编辑
line-height百分比和数字值的区别
摘要：使用数字值时，其所有后代元素的line-height为后代元素自身的font-size乘以该父元素设置的line-height数值；而当使用百分比时，其所有后代元素的line-height的具体高度与该父元素的line-height相等（即都为该父元素的font-size乘以该父元素的line-he...
阅读全文
posted @
2015-12-08 16:36
转角遇到谁
阅读(1626)
推荐(1) 编辑
自动换行 word-break:break-all和word-wrap:break-word
摘要：word-break:break-all和word-wrap:break-wordword-break:break-all 到达边界时它会把单词截断word-wrap:break-word 到达边界时它会把单词看成一个整体换到下一行
阅读全文
posted @
2015-05-05 15:59
转角遇到谁
阅读(147)
推荐(0) 编辑
css3之filter特效
摘要：1、grayscale用法： -moz-filter: grayscale(100%) ; -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: graysc...
阅读全文
posted @
2015-05-05 15:31
转角遇到谁
阅读(226)
推荐(0) 编辑
背景图的定位技巧~如果你想定位的位置是距离右边20px，距离底部10px，怎么办？
摘要：一、使用background-position的四个值语法例如：background-position:right20pxbottom10px;/* ie7,ie8不支持 */二、使用 calc()比如：background-position:calc(100%-20px)calc(100%-10p...
阅读全文
posted @
2015-05-04 16:05
转角遇到谁
阅读(3376)
推荐(0) 编辑
