这是我的代码,转换工作在Chrome浏览器中,但在Firefox中它无效。
.delete-white a:before {
background: none repeat scroll 0 0 #FFFFFF;
height: 15px;
left: 6px;
margin-top: -7px;
width: 5px;
-webkit-transform: rotate(45deg) scale(1);
-moz-transform: rotate(45deg) scale(1);
-o-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
}
.delete-white a:after {
background: none repeat scroll 0 0 #FFFFFF;
height: 5px;
left: 1px;
margin-top: -2px;
width: 15px;
-webkit-transform: rotate(45deg) scale(1);
-moz-transform: rotate(45deg) scale(1);
-o-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
}
答案 0 :(得分:3)
两个笔记
content
到:before
/ :after
伪元素transform: rotate(45deg) scale(1);
答案 1 :(得分:2)
将此规则添加到元素:“display:inline-block;”
答案 2 :(得分:1)
您需要在变换列表中包含标准的非前缀版本(即transform: rotate(45deg) scale(1);
)作为最终定义。 -moz
一个被弃用,其他时间也是如此。 See the MDN for reference