更改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按钮样式而不更改功能

回答

相关问题