一些小总结

最新推荐文章于 2021-12-10 12:23:06 发布

weixin_30549175

最新推荐文章于 2021-12-10 12:23:06 发布

阅读量58

点赞数

原文链接：http://www.cnblogs.com/shalovely/p/6295663.html

版权

placeholder的兼容性

// Firefox 4-18
input:-moz-placeholder,
textarea:-moz-placeholder { 
  color: #f0f; 
} 

// Firefox 19+ //::-moz-placeholder 伪元素在Firefox 19+替代了之前的 :-moz-placeholder 伪类. input::-moz-placeholder, textarea::-moz-placeholder{ color: #f0f; } 


 // Internet Explorer 10+ // 经测试，现在这种写法在IE10+上设置没有反应，兼容性还有待探讨 :-ms-input-placeholder, textarea:-ms-input-placeholder{ color: #f0f; } 

 // Safari and Chrome // 必须加上元素标签，不然不生效 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: #f0f; }

居中的一些写法：

z-index: 2001;
position: absolute;
width: 75%;
padding-top: 21px;
font-size: 18px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate3D(-50%, -50%, 0);

写了transform: translate3D(-50%, -50%, 0);之后就不用写margin-left=负宽度的一半，margin-top=负高度的一半，

转载于:https://www.cnblogs.com/shalovely/p/6295663.html