输入上的CSS样式不起作用

Question

我有这些代码，样式不起作用。 请问任何线索？

HTML

<input class="button" type="button" onclick="bet_player()" value="Click to Start Betting"></input>

CSS

.button {
    border-style: solid;
    border-color: #000;
    width: 150px;
    height: 80px;
    background-color: red;
}

Answer 1

您的CSS无效：

#p1cash, #p2cash {
  font-size: 22px;
  font-weight: bold;
  color: #000000;
**)** --- here should be }

并且没有font-color属性 - 它只是color

DEMO

Answer 2

似乎工作正常：https://jsfiddle.net/jhddfngt/1/

您可以发布实时版本的链接吗？您很可能在其他地方遇到过冲突的CSS。

如果您无法共享该链接，请尝试使用不常用的类：

HTML：

<input class="button-testing" type="button" onclick="bet_player()" value="Click to Start Betting">

CSS：

.button-testing {
    border-style: solid;
    border-color: #000;
    width: 150px;
    height: 80px;
    background-color: red;
}