入力タイプarrowスピンボタン非標準

私はMDN for spinners（入力用矢印type="number"）を見ていて、それは非標準だと言います。私が覚えていることは、MDNも何を使うべきかを教えてくれることですが、この場合はそうではありません。私の問題は、私は入力タイプarrowスピンボタン非標準

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    -moz-appearance: textfield; 
    margin: 0; 
}

を使用していながら、それはクロムのためではなく、Firefoxのために働くということです。だから私はそれが適用されていない非標準のために推測している、それのための "標準"の回避策は何ですか？

出典

2017-08-16 Nofel

'-webkit-'セレクタで-moz-'ベンダープレフィックス！それは無効です私は –

おそらくこれが助けることができると思う：https://stackoverflow.com/questions/43777047/alternative-of-webkit-outer-spin-button-and-webkit-inner-spin-button-in-firefo –

可能な重複[入力番号のスピナーを隠す - Firefox 29]（https://stackoverflow.com/questions/23372903/hide-spinner-in-input-number-firefox-29） –

input[type=number]::-webkit-inner-spin-buttonこれは、ブラウザがwebkitの場合はセレクタとして機能し、そうでない場合、このセレクタ内のスタイルは適用されません。

input[type=number] { 
 
    -moz-appearance: textfield; 
 
    margin: 0; 
 
} 
 

 
input[type=number]::-webkit-inner-spin-button, 
 
input[type=number]::-webkit-outer-spin-button { 
 
    -webkit-appearance: none; 
 
}

<input type="number">

出典

2017-08-16 10:50:31

@Nofelこのソリューションはあなたのために働いていますか？ –

入力タイプarrowスピンボタン非標準

答えて

関連する問題