2016-10-14 115 views
-5

我有這些代碼,風格不起作用。 請任何線索?CSS樣式輸入不工作

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; 
} 
+0

所以我們都應該只是弄清楚什麼是「不工作」的意思? – Pointy

+1

工作得很好 - http://jsbin.com/lokoqifota/edit?html,css,output –

+0

它不適用於我的瀏覽器。我不知道什麼是錯的。 –

回答

1

你的CSS是無效的:

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

並且沒有font-color屬性 - 它只是color

DEMO

+0

OMG !!謝謝!非常感謝!我沒有注意到括號!請記住你的建議,謝謝!現在的工作 –

+0

我建議使用某種類型的編輯器,並帶有體面的代碼突出顯示,這樣你就可以馬上發現這類問題 –

0

看起來完全正常工作: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; 
} 
+0

衝突的CSS?我敢打賭,他沒有正確地鏈接他的CSS。還有一件事:輸入標籤不應該關閉。 –

+0

@RoboRobok - 哈哈哈,你說的沒錯。我簡直就是複製並粘貼他的html。沒有驗證它的結束。現在更新。 –

+0

那麼,我該如何發佈它爲你們看?現在我已經解決了這個問題好幾個小時了。 :(我知道我的代碼是好的 –