更改HTML按鈕樣式而不更改功能

-1

我是新來的HTML和CSS。我有一個默認按鈕在HTML中運行良好，但我想改變它的外觀而不改變它的功能。更改HTML按鈕樣式而不更改功能

這是我在HTML代碼：

<a><input type="submit" class="save btn boton-no" value= "HECHO"><a/>

而這一次，我想按鈕有風格，是我的CSS文件：

#boton-no{ 
    color: #AF1C24; 
    font-family: "Roboto"; 
    font-size: 30pt; 
    text-align: center; 
    border: 1px solid; 
    border-radius: 10px; 
    width: 25%; 
    padding-right: 40px; 
    padding-left: 40px; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    margin-left: 35%; 
    margin-right: 35%; 
}

如何申請這種風格我的按鈕？我已經嘗試了幾個方面，比如更改「ID」，「樣式」......但按鈕不改變其外觀或改變其風格和功能......

你能幫我嗎，請？？非常感謝你！！

來源

2016-02-27 Alb_a

使用'.boton-no'，而不是'＃BOTON，no'。此外，你有一個錯誤：你有''在最後你應該只有'>'。你不能在元素中有（儘管這不應該影響樣式）。哦，''也拼錯了。 –

好的，謝謝@MrLister，但我不知道HTML和CSS。我有點困惑..所以，我怎麼才能正確寫入？ –

符號鏈接下面的回答是正確的... –

你可以用簡化的CSS來做到這一點。此外，標籤符號的目標是ids，而不是類。

#boton-no{ 
 
    color: #AF1C24; 
 
    font-family: "Roboto"; 
 
    font-size: 40pt; 
 
    border: 1px solid; 
 
    border-radius: 10px; 
 
    padding: 20px 40px; 
 
    display: block; 
 
    margin: 0 auto; 
 
}

<input type="submit" class="save btn" id="boton-no" value= "HECHO" />

來源

2016-02-27 08:58:54 symlink

Yess，這個作品！非常感謝！！！！ –

選擇器#boton-no適用於具有id=boton-no的元素。你應該使用類部門，看起來像這樣：.boton-no。該樣式適用於所有具有button-no類的元素。所以，你的CSS應該看起來像這樣：

.boton-no { 
    color: #AF1C24; 
    font-family: "Roboto"; 
    font-size: 30pt; 
    text-align: center; 
    border: 1px solid; 
    border-radius: 10px; 
    width: 25%; 
    padding-right: 40px; 
    padding-left: 40px; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    margin-left: 35%; 
    margin-right: 35%; 
}

你可以閱讀更多關於CSS選擇器here。

來源

2016-02-27 08:49:12

謝謝，但我有同樣的東西... –

更改HTML按鈕樣式而不更改功能

回答

相關問題