我是使用前端設計的新手。我試圖將數字型別的輸入文本框轉換為空白行。在css樣式下面添加
input[type=number] {
background: transparent;
border: none;
border-bottom: 1px solid #000000;
outline: none;
}
并使用引導表單控制 css 來提高回應能力
但是我的螢屏顯示行的導航欄結束，如下所示。我還需要在這個數字框上限制最多 4 個數字嗎？如何設定固定大小并洗掉右側不必要的欄？
uj5u.com熱心網友回復：
該欄稱為“微調器”，您可以這樣洗掉它：
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
您可以使用輸入上的屬性限制字符數maxlength="4"（使用 CSS 無法做到這一點）。
此外，如果您不想在任何一側出現這些小曲線，請確保添加border-radius: 0;到您的輸入中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/487675.html