web-dev-qa-db-ja.com

Clock（TimePicker）の色を素材-UIで設定する方法

マテリアルUIのタイムインストール（material-ui-time-picker）のクロックの色を変更しようとしましたが、変わりません。

私のコードは：

<TimeInput
        style ={heure}
        mode='24h'
        value={heureDebut}
        onChange={this.handleheureDChange}
        autoOk={true} 
        cancelLabel=""
        okLabel=""
        placeholder=""
        disableUnderline={true}  
        endAdornment={
            <InputAdornment position="end" style={{opacity:'0.4', marginLeft:'92px'}}>
            <IconButton><i style={{fontSize:'18px'}} className="zmdi zmdi-alarm" /></IconButton>
            </InputAdornment>
        }
                      

/>

私がそれを実行するとき、私は得る：

enter image description here

しかし、私はカラーブルーが#0E6EB8に変更されます

どうやって変更できますか？

javascriptcssreactjsmaterial-ui
5
CodeLover

だからこれは古い質問ですが、私は同じことをしようとしていて、解決策を見つけたいと思っていました。

これが私が学んだことです：

クロックスタイルとカレンダースタイルを変更した唯一の方法は、デフォルトのテーマを上書きすることです。

ここ 私の実験をしたコードと箱です。

また、私は 質問 これを見て、いくつかの役に立つコメントがありました。

検査官を使用して、自分でテーマをオーバーライドする方法を見つける必要があるため、特別に、素材のUIでこれを行うのが本当の痛みです。うまくいけば、私がCodesAndBoxの例で考え出したものは、次の人を助けるのに十分です。

免責事項：マイ例のすべての不要なコードで申し訳ありません。私は異なるアプローチを試みていました。

0
Danf

色を変更するには、CSSで背景色を変更する必要があります。 .MuiPickersToolbar-toolbar-2295はクラス名です。だからこのクラスの背景色を変更してください。

enter image description here

0
Nitz