How can i resize the buttons with CSS using input type=“number”

Question

Here is my CSS for the element shown in the attached image.

.ClsInpBestAnz {
    border-radius: 0px;
    margin: 5px 5px 0px 10px;
    width: 45px;
    color: #822;
    text-align: right;
    display: block;
    font-size: 1.8em;
}

How can i resize the buttons?

Thank you for your help..

Answer 1

You can find the updated css here

.ClsInpBestAnz {
        border-radius: 0px;
        margin: 5px 15px 0px 10px;
        width: 50px;
        color: #822;
        text-align: left;
        display: block;
        font-size: 1.8em;
    }

https://jsfiddle.net/ajrek251/

Alternatively, you can take a look at the Jquery UI spinner plugin.