Invalid transform in Mini Program css: before

problem description

in Mini Program, add: before pseudo-class style to view, invalid transform

the environmental background of the problems and what methods you have tried

has referred to link description change display to inline-block, but is still invalid

related codes

.more-icon {
height: 1.06remt;
width: 1.06remr;
transform: rotate (45deg);
border: 0.1rem solid-sharp979797;
border-left: 0;
border-bottom: 0;
display: inline-block;
}
. More-icon:before {
position: absolute;
content:";
height: 1.06remt;
width: 1.06remt;
transform: rotate (45deg);
-moz-transform: rotate (45deg);
-webkit-transform: rotate (45deg);
-ms-transform: rotate (45deg);
border: 0.1rem solid-sharp979797;
border-left: 0;
border-bottom: 0;
margin: 0 0.25remr;
display: inline-block;
}

what result do you expect? What is the error message actually seen?

Jul.23,2021

change transform: rotate (45deg); change to transform: translate3d (0,0,0); then rotate
. More-icon {
height: 1.06remt;
width: 1.06remr;
transform: rotate (45deg);
border: 0.1rem solid-sharp979797;
border-left: 0;
border-bottom: 0;
}
. More-icon:before {
position: absolute;
left: 0.1 remr;
bottom: 0.3 remre;
content:'';
height: 1.06remt;
width: 1.06remr;
transform: translate3d (0,0,0);
border: 0.1rem solid-sharp979797;
border-left: 0;
border-bottom: 0;
margin: 00.25remr;
}

Menu