2017-05-29 24 views
0

<input type="time">のCSSインジケータ(矢印)の選択方法は?<input type = "time">のCSSインジケータで選択する方法は?

私はそれらのスタイルを設定したいと思います。

+0

'TYPE = "時間"' 'タイプ= "番号"' https://stackoverflow.com/questions/24537234/customize-appearance-of-up-down-と同じ動作します矢印イン・ヒット・ナンバー入力 –

+0

https://codepen.io/rafaelcastrocouto/pen/Iyewu – Shiladitya

+0

この「インジケーター」(上向き矢印と下向き矢印)のみを選択します。 –

答えて

3
input[type="time"]{ 
    /**style goes here **/ 
} 

あなたは(あなたは「矢印」と言っている)スピナを選択したい場合は、下記のCSSでそれを行うことができ、

input[type="number"]::-webkit-inner-spin-button{ 
     /**style goes here **/ 
    } 

しかし残念ながら、これはクロムのためではなく、Firefoxのために動作しますとりあえず、このコードリンクのようなカスタムスピナー(あなたは「矢印」と言う)を作ることをお勧めしたいと思います。この方法で解決策を見つけることを願っています。 :)

https://codepen.io/komarovdesign/pen/PPRbgb

+0

私はこの "インジケータ"(上矢印と下矢印)のみを選択します。 –

+0

ow、その場合は、上記の代わりに以下のCSSで行うことができます。 input [type = "number"] :: - webkit-inner-spin-button { display:none; } 残念ながら、firefoxはwebkitエンジンでは動作しないので、chromeでは動作しませんが、firekitでは動作しません。 とりわけ、カスタムスピナーを作成することをお勧めしますこのコードリンクのように。この方法で解決策を見つけることを願っています。 :) https://codepen.io/komarovdesign/pen/PPRbgb –

関連する問題