2016-07-01 9 views
2

私は現在、私の会社のウェブサイトの異なるテキストエディタシステムでテスト中です。テキストエディタTextBox.ioをダウンロードしましたが、私はエディタで自分のウェブサイトをうまく融合させたいので、UIカラーツールバーを変更したいと思います。誰も私を助けてくれますか?Textbox.io:UIツールバーの色を変更できますか?

TextBox.io editor

よろしく、

Nuriin

+0

なぜCSSスタイルを変更しないのですか? – samayo

+0

私はバックグラウンドテキストボックスの代わりにツールバーの色を変更したいです。私はそれが黒色であることを望んでいません。 Btw提案のおかげでsamayo –

+0

@ NuriinABMZ色を変更するために変更する必要があるクラスのいくつかを以下に追加しました。 – miquelarranz

答えて

0

Textbox.ioのバージョン2.0には、UIの色を変更するためのサポートされている方法が含まれています。私たちは以前のリリースからいくつかの変数まで色指定を大幅に簡素化しました。 @miquelarranzの答えのようにCSSを無効にする必要はもうありません。

1

私は、最も簡単な解決策は、手動でのCSSを変更することがあると思います。したがって、ブラウザのインス​​ペクタを使用して、スタイルを含むdivを検索し、必要な色になるようにします。

私はスタイルはこの1つであることを考える:

.ephox-polish-editor-container .ephox-chameleon-toolstrip { 
    background-color: yourcolor !important; // I am not sure if you will need !important 
} 

そして、あなたは影変更したい場合:

.ephox-polish-editor-container .ephox-chameleon-toolbar:first-child { 
    box-shadow: inset 0 -.5em 1em yourcolor !important; // I am not sure if you will need !important 
} 

をあなたがしたいかに依存し、おそらくより多くのスタイルを変更する必要があるかもしれません色を変更する方法を理解するのに役立つことを願っています。

関連する問題