Liferayを初めて使用しています。次の問題があります。私はポータルのテーマを作成する必要があります - これは問題ありません。これにより、私のポータルとデフォルトポートレットのスタイルが変更されます。しかし、自分のポートレットの中にはZKOSSのページを使用していますが、これはまったく異なるスタイルを必要とします。私の質問は、Liferayのテーマクラスが私のZKOSSページに影響しないようにする方法です。 Liferayのテーマには入力などの一般的なスタイルがいくつかありますが、私のZKOSSポートレットにこれらのルールを適用したくないのです。私は自分自身をはっきりと説明したいと思います。助言がありますか？一部のポートレットで異なるテーマを作成する方法
に、これらの要素のために必要なスタイリングは、以下を参照してください。http://www.liferay.com/community/wiki/-/wiki/Main/Liferay+UI+Guidelines
私はZKOSSポートレットを知らないのですが、ポートレット固有のテーマCSSを導入する一般的な方法は、DOMによるものです。ページを調べ、ZKOSSポートレットがどのように生成されるかを確認してください。Liferayはポートレットを含む各ポートレット-name、それをスタイリングに使うことができます。
私はZKOSSが利用できていないため、ここではすべてのナビゲーションポートレットに適用されるいくつかの特別醜いスタイリング持っている例です：関連するDOM構造を見つけるだけ追加する
.portlet-navigation .portlet {
background: purple;
}
使用Firebugのまたは同様のツールをあなたが詳細については、Liferayの-portlet.xmlに
に<css-class-wrapper>My_Portlet</css-class-wrapper>を設定することができ、あなたのテーマ
はい、私はこれを得るが、私のポイントは、以下の場合にLiferayのテーマ（この場合は）すでに.portletのスタイルが含まれていることです私の.portlet-navigation .portletクラスのすべてのプロパティをオーバーライドして、ポートレット内の要素にも影響するため、誰かが.portletクラスにいくつか追加しないように祈ってください... – Gatekeeper
ありがとうとにかく、私は他の答えで解決策を使用するように見えるので、最終的に同じことをしても... – Gatekeeper
コメント1：あなたのテーマを管理するのはあなただから、あまりにも多くの人がCSSを ".portlet"に追加することはできません。より具体的な値を上書きすることは、CSSの美しさです。これは、マークが受け入れられた答えで言及したCSSクラスラッパーと一緒になります。また、 ".portlet"は実際には "background：none;"にオーバーロードされているので、ここでは2つのクラスが必要であることに注意してください。私は「背景」を変えたいと思っていました。私は "border：2px solid red;"を変更しなければならなかった私はセレクタに ".portlet"を必要としませんでした。コメント2：いいえ問題ありません –
また、Liferayカラースキームを使用して、同じポートレットに対して別々のUIを定義することもできます。
のLiferay 7/DXP： https://dev.liferay.com/develop/tutorials/-/knowledge_base/7-0/specifying-color-schemes
のLiferay 6.2：
https://dev.liferay.com/develop/tutorials/-/knowledge_base/6-2/specifying-color-schemes
私は確かにこれを使用します...私は他の答えに私のコメントで説明した問題のクラスをチェックし続けなければならないと思います。とにかくおかげで、両方の答えは同じソリューションを提案するが、あなたの外見はきれいに見える。 – Gatekeeper