は、だから私は、次の持っているポリマー紙ボタン

Question

の背景色を変更することはできません。赤色を示していますが、それが浮遊していないときは青色ではなく白色です。私も試してみた：なし成功と

--paper-button-background: blue; 

と

background-color: blue; 

を。ボタンは次のとおりです。

<paper-button raised noink>raised</paper-button> 

background-colorのスタイルを変更できないのはなぜですか？

UPDATE

だから私は、クラスを追加し、代わりに、すべての紙のボタンを選択するのでそのクラスを選択したときにそれが動作する提案が、それはテキストを削除（またはそれの背景色にする）としてではなく、場合にのみ、私は、クラスcssコードを追加します。これは、クラスなしでテキストをペーパーボタンから削除します。これはさらに混乱します。適切なクラスのペーパーボタンのみを選択するコードを削除すると、そのクラスのないボタンには削除されたテキストバグはありません。

Answer 1

背景色を背景に変更します。

.paper-button{ 
 
    color: red; 
 
    background: blue; 
 
} 
 
.paper-button:hover{ 
 
    color: blue; 
 
    background: red; 
 
}

<input type="button" class="paper-button" value ="click">

Answer 2

paper-button{ 
 
    color: red; 
 
    background: blue; 
 
    padding:16px 32px; 
 
} 
 
paper-button:hover{ 
 
    color: blue; 
 
    background: red; 
 
    padding:16px 32px; 
 
}

<paper-button raised noink>raised</paper-button>

Answer 3

あなたはCSSクラスを作成し、あなたは

このような

.paper-button{ 
 
    color: red; 
 
    background: blue; 
 
    padding:16px 32px; 
 
} 
 
.paper-button:hover{ 
 
    color: blue; 
 
    background: red; 
 
    padding:16px 32px; 
 
}

<input type="button" class="paper-button" >

このCSSを使用することができます

Answer 4

これは愚かな答えですが、私はそれを見つけました。あなたはそのようなHTMLにCSSを埋め込むことがあります。

<style is="custom-style"> </style> 

あなたは別のスタイルシートを持つことはできません。

<link rel="stylesheet" href="styles.css"> 

あなたがis="custom style"を追加することはできませんなぜ私にはわかりませんそれは解決策です。