博客改版技术总结：input的radio样式兼容和ios微信里hover效果兼容

1. #ssdm .search .condition input { 
2.     display: inline-block; 
3.     vertical-align: middle;/*当成为行内块元素时它就可以垂直居中了*/ 
4.     width: 20px; 
5.     height: 20px; 
6.     -webkit-appearance: none;/*清除原有的样式*/ 
7.     background-color: transparent; 
8.     border: 0; 
9.     outline: 0 !important;/*去掉点击后外面可能会出现的蓝框*/ 
10.     line-height: 20px; 
11.     color: #d8d8d8; 
12. } 
13. /*在input的内容之后插入新内容*/ 
14. #ssdm .search .condition input:after { 
15.     content: ""; 
16.     display: block; 
17.     width: 20px; 
18.     height: 20px; 
19.     border-radius: 50%; 
20.     text-align: center; 
21.     line-height: 14px; 
22.     font-size: 16px; 
23.     color: #fff; 
24.     border: 3px solid #ddd; 
25.     background-color: #fff; 
26.     box-sizing: border-box;/*规定两个并排的带边框的框*/ 
27. } 
28. /*选中之后的样子*/ 
29. #ssdm .search .condition input:checked:after { 
30.     content: "L"; 
31.     transform: matrix(-0.766044, -0.642788, -0.642788, 0.766044, 0, 0);/*2D变换改变参数让元素旋转，除了旋转之外还有平移和缩放，旋转是比较复杂的，我们平时旋转用的是rotate，这个写法是比较复杂一点的写法，括号里面的六个值来得矩阵，实现2D变换，更详细的大家去百度查。*/ 
32.     -webkit-transform: matrix(-0.766044, -0.642788, -0.642788, 0.766044, 0, 0); 
33.     border-color: #099414; 
34.     background-color: #099414; 
35. }