在Chrome與火狐中,輸入框input類型為number時,如何去除掉的自帶的上下默認箭頭


 

如何移除input='number'時瀏覽器自帶的上下箭頭:

 

CSS樣式:

    /* 去除input[type=number]瀏覽器默認的icon顯示 */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button { // chrome
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
    }
    input{ // 火狐
        -moz-appearance:textfield;
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM