Номер типа HTML не будет перемещен

В настоящее время я пытаюсь переместить это поле ввода чисел в местоположение в css, используя coridnates, и пока ничего, что я набрал, не сработало. Я пробовал:

top: 30%;
top: 30px;
right: 40%;
right: 40px;

в каждой вещи CSS, и до сих пор никто из них не переместил вещь здесь является HTML-частью этого

HTML:

<input class="checkout-delay" type="number" min="0" value="0">

CSS:

.checkout-delay {
    bottom: 30px;
    background-color: #bf0d33;
    color: white;
    font-weight: bolder;
    border-color: #900926;
    height: 15px;
    width: 25px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
   margin: 0;
}

.input[type="number"] {
    padding: 0 0 0 6px;
    -moz-appearance: textfield;
}

Я ценю любой ответ и заранее благодарю.

(PS. Я также хотел бы иметь возможность настраивать стрелки, делая их больше и меняя их цвет, но это кажется невозможным из того, что я читал в Интернете об этом, но если вы знаете, как я буду признателен за помощь. Спасибо.)

Источник

1 ответ

Я забыл поставить это первым

position: absolute;

лол

Источник
Другие вопросы по тегам