どのようstyleClasではなく、スタイル

Question

経由のXPageページのスタイルを設定するには、私は、ページ全体の背景色を設定したいと、この例では、正常に動作します：

<xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
    style="background-color:#f1f1f1;"> 
</xp:view> 

しかし、私はそれがないstyleClassのを通してそれを設定しようとすると：

あなたがその背景色を見ることができます注Designerでは は

<xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
    styleClass="myPage"> 
    <xp:this.resources> 
     <xp:styleSheet href="/myStyle.css"></xp:styleSheet> 
    </xp:this.resources> 
</xp:view> 

//myStyle.css 
.myPage{ 
    background-color:#f1f1f1; 
} 

ページには適用されないが、それは

Answer 1

あなたの小さな例では、私のために仕事をして、ブラウザでは動作しません。ブラウザの背景はグレーです。

ブラウザのデベロッパーツールコンソールをご覧ください。たぶんあなたはそこに何が問題なのかを知ることができます。

ブートストラップテーマを使用すると、バックグラウンドカラーがブートストラップによって上書きされます。

この場合には、ファイルmyStyle.cssに

body.xsp { 
    background-color: #f1f1f1; 
} 

を追加します。

Answer 2

myStyle.cssという専用のスタイルシートを参照しています。したがって、リソース - スタイルシート（myStyle.css）でスタイルシートを作成し、このファイルにCSSを追加する必要があります。

今はインラインスタイルシートを使用しているため、myStyle.cssへの参照は影響しません（ファイルが存在しない限り）。