1. 首頁
  2. 問答
  3. 輸入按鈕保持未格式化

輸入按鈕保持未格式化

2012-09-26 117 views
0

對於格式化的輸入按鈕，我有一個非常奇怪的問題。輸入按鈕保持未格式化

在我的第一頁上，我創建了一個名爲「按鈕」的css規則，用於格式化單行按鈕的按鈕。它完美的作品，按鈕出現如下圖所示

enter image description here

的CSS此按鈕低於

.button { 
    width: 100%; 
    height: 15mm; 
    background-color: #AAA; 
    color: #FFFFFF; 
    font-size: 20px; 
    text-shadow: 0px -2px #888; 
    border:none; !important 
    -moz-box-shadow: 0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 
    -webkit-box-shadow: 0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 
    box-shadow:   0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 

}

在HTML中，它看起來像這樣：

<a href="dashboard.html"> 
    <input class="button" type="button" value="SUBMIT" action="dashboard.html" /> 
</a>

的問題是，我複製了這條規則，並在第二頁中爲並行按鈕稍微改變了它，並且它沒有格式化按鈕。奇怪的是，它正好出現在Dreamweaver

enter image description here

但在任何瀏覽器中，它失去了它的格式

enter image description here

下面是平行按鈕的CSS

.2buttons { 
    width: 40%; 
    height: 15mm; 
    background-color: #AAA; 
    color: #FFFFFF; 
    font-size: 20px; 
    text-shadow: 0px -2px #888; 
    border:none; !important 
    -moz-box-shadow: 0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 
    -webkit-box-shadow: 0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 
    box-shadow:   0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 

}

這裏是html

<a href="report.html"> 
    <input class="2buttons" type="button" value="OK"/> 
</a>

奇怪的是，即使你對這些按鈕應用了第一條css規則，它們仍然沒有格式化。

來源

2012-09-26 Captain Dando

+1

將第二個類重命名爲「buttons2」。類和id選擇器不能以數字開頭。 – Kyle

+1

我想這是因爲班級名稱中的第一個數字。試試兩個按鈕？ –

回答

2

有兩種東西在你的碼。

第一 不要開始類 & ID名稱與數字號碼。

這樣寫.buttons2，而不是這個.2buttons。

&二

這樣寫

border:none !important;

取而代之的是：

border:none; !important

來源

2012-09-26 07:45:20 sandeep

+0

謝謝，它的工作原理。我不敢相信我不知道，直到現在 –

1

border:none; !important應該border:none !important;

並更改類名.twoButtons（或別的東西），而不是.2buttons類名稱不能以數字開頭...

來源

2012-09-26 07:43:33 Giona

1

你在這個問題類的名稱開頭號碼。你應該改變這一點。

來源

2012-09-26 07:46:54 Afshin

+0

謝謝，只是修復它 –

相關問題

 相關問題