css - 无法更改聚合物纸按钮的背景颜色

标签 css polymer-1.0

所以我得到了以下内容:

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

无论如何,按钮文本正确显示为红色,悬停时文本正确显示蓝色,背景正确显示红色,但未悬停时为白色,而不是蓝色。我也试过:

 --paper-button-background: blue;

  background-color: blue;

没有成功。按钮如下:

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

为什么我不能设置 background-color 的样式?

更新

所以正如我建议的那样,当我添加一个类并选择该类而不是选择它工作的所有纸质按钮时,它会删除文本(或使其成为背景色),但只有当我添加类 css 代码时才会这样做还从没有类的纸按钮中删除文本,这更令人困惑......当我删除仅选择具有正确类的纸按钮的代码时,没有该类的纸按钮没有删除的文本错误。

最佳答案

将背景颜色更改为背景。

.paper-button{
  color: red;
  background: blue;
}
.paper-button:hover{
  color: blue;
  background: red;
}
<input type="button" class="paper-button" value ="click">

关于css - 无法更改聚合物纸按钮的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39912325/

相关文章:

button - CSS 按钮样式来指示选中/未选中?

css - CSS Masks是否可用

javascript - 在 Bootstrap 模式上显示覆盖

javascript - polymer 形式在 Firefox 中不支持 Ajax-ing

javascript - 如何使用 Polymer 动画?

javascript - WebComponentsReady 在 safari 中触发得太快?

polymer 1.0 : Using template dom-repeat inside paper-menu elements to display iron-pages on selection

javascript - Selenium / python : extract text from a dynamically-loading webpage after every scroll

html - 元素不会堆叠在彼此之上

javascript - 我们如何使用 Chart.js 在 Polymer 1.0 上构建图表?