2016-04-24 19 views
-1

(参照私はサイドメニューのスタイルを変更したいが、温泉-CSS-部品 - 青 - 基本-theme.cssにいくつかの変更をしようとした後、私はエッジの影が含まれている要素を見つけることができません下の画像)。私はメニューから影を取り除きたい - このファイルはどのファイルで処理されていますか?変更温泉UIのメニュースタイル

<ons-sliding-menu var="menu" id="menusliding" main-page="main.html" menu-page="menux.html" max-slide-distance="85%" type="reveal" side="left" ></ons-sliding-menu> 

enter image description here

答えて

0

一般的には、いくつかの点であなたがテーマを変更したり、変更が上書きされるバージョンを更新することを決定したかのように生成されたファイルに触れないように、より良い考えです。だから、(あなたが生産に物事をプッシュすることを決定し、少なくともまで)の代わりに、あなただけの別のファイルに自分のスタイルを記述する場合、それが良いでしょう、一般的なフレームワークのCSSを変更しようとします。

質問について:これらの事はright click => inspect elementをすることによって見つけることができます。要素の上でそれを行うと、スタイルがどこから来るかを見ることができます。あなたがそれを見つけようとしたが、できなかったようにあなたの質問を表現している方法は聞こえる。たぶんあなたが長い間見たら、それを見つけることができたでしょう。私は実際にそれがメインのコンテンツのelement.styleで定義されていますことを見つけることができた、上記の方法を行った後

。いくつかのライブラリは、それは非常にお勧めしていないにもかかわらず、物事のこれらの種類は、まだそれはスタイルが適用されることを保証するための最も安全な方法です行います。 はあなただけで行うことができ、それを削除します。

.onsen-sliding-menu__main { 
    box-shadow:none !important; 
} 

Demo

クラスは、温泉バージョンに依存して変化し得ます。最も洗練されたソリューションではありませんが、ons-sliding-menuは比較的古いコンポーネントです。温泉2では、実際にはという要素があり、その内容はons-sliding-menuons-split-viewという振る舞いを組み合わせています。それを使用すると、そこの影が削除されていることがわかります。

関連する問題