html 类型编号不会重新定位

<分区>

我目前正在尝试使用坐标将此数字输入框移动到 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。我还希望能够通过使箭头变大并改变颜色来自定义箭头，但从我在网上阅读的内容来看这似乎是不可能的)

最佳答案

忘了放这个了