html类型编号不会重定位

时间:2018-07-16 04:00:47

标签: html css input google-chrome-extension html5-input-number

我目前正在尝试使用coridnates将这个数字输入框移动到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。我也希望能够通过将箭头变大并更改颜色来自定义箭头,但是从我在线阅读的内容看来这是不可能的,但是如果您知道我将如何帮助您, 。谢谢。)

1 个答案:

答案 0 :(得分:0)

我忘了把它放在第一位

position: absolute;

哈哈