Vue wants to change the element paging style

clipboard.png
I want to move left to right pager to right

.el-pagination .btn-next {
    background: center center no-repeat -sharpfff;
    background-size: 16px;
    cursor: pointer;
    
    color: -sharp103133;
   float:right;
   
    
}
.el-pagination .btn-prev {
    background: center center no-repeat -sharpfff;
    background-size: 16px;
    cursor: pointer;
    
    color: -sharp103133;
     float:right;
   
}
.el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev {
    padding: 0;
    float: right;
}
    

if I write in this way, my two arrows are in the opposite direction

do you have all the float to the right but don"t change this order because I can"t change the source code

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

related codes

/ / Please paste the code text below (do not replace the code with pictures)

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

problem description

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

related codes

/ / Please paste the code text below (do not replace the code with pictures)

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

Apr.09,2021

Don't bother. Use text-align:right; in combination with float:left; to solve the problem.

https://jsfiddle.net/9gohn21k/2/

Menu