javascript - 如何更改以下 css 按钮的行为？

Question

你好我在下面的小页面上工作，我有两个按钮，一个用于隐藏文本区域，另一个用于显示它，事实上它们工作得很好但是我想给按钮上色:隐藏为绿色，在为了做到这一点，我试过了:

<div class="wrapper">
<button class="button buttom2" style="vertical-align:middle" onclick="hide()"  background-color= "green"; ><span>Hide</span></button>
</div>

但它不会影响我的按钮的行为，我想感谢任何解决问题的建议，我创建了以下 jsfiddle 文件来显示问题:

https://jsfiddle.net/12bkgd4q/9/

Answer 1

你正在设置 background-color= "green"; 外部样式属性，你需要把它放在样式属性里面

<button class="button buttom2" style="vertical-align:middle;background-color:green" onclick="hide()";><span>Hide</span></button>

JSFIDDLE