HTML 类型编号不会重新定位

Question

我目前正试图使用坐标将这个数字输入框移动到CSS中的一个位置，但到目前为止，我输入的任何内容都无效。我试过：

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。我也想通过将箭头变大并改变颜色来定制箭头，但从我在网上读到的内容来看，这似乎是不可能的(

Answer 1

我忘了放第一个

position: absolute;

lol