Woocommerce phone number input filed from right to left

Question

Can I change input text for phone to be from right to left

I tried to customize CSS with that rules:

form.checkout #billing_phone_field label,
 form.checkout #shipping_phone_field label {
margin-right: 260px;
}

This css code changes the label from right to left not the number

Answer 1

You should use the CSS direction property to set the text direction to "right-to-left":

form.checkout #billing_phone_field label,
form.checkout #shipping_phone_field label {
     direction: rtl;
}