原文：input type="number" 隱藏箭頭
lt style gt input:: webkit outer spin button, input:: webkit inner spin button webkit appearance: none input type number moz appearance: textfield lt style gt ...
2018-05-10 17:42 0 1742 推薦指數：
相關推薦
1.隱藏上下箭頭CSS樣式 <style> input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance:textfield ...
網頁在有些情況下，會需要input的輸入的為單純數字的文本框，此時type=number，但使用type=number時，輸入框后面會有一個上下箭頭，那么如何去掉上下箭頭呢？ 1、chrome瀏覽器移除 使用none替代textfield，也可以實現去除箭頭的效果 ...
css中設置： input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance ...
如圖，直接設置 type="number" 時會有右側的按鈕顯示 去除方法： ...
input type="number"時錄入內容不可控制，解決方案是在css中添加input[type=number] { -moz-appearance:textfield; } input[type=number]::-webkit-inner-spin-button ...
去掉input輸入框右側的箭頭 在項目中不需要這個箭頭直接手動輸入 禁用鼠標滾輪上下滑動 ...