在HTML样式中指定按钮的背景颜色和文本颜色

Question

我有一个按钮，尝试在同一HTML语句中为其设置样式属性，但没有得到正确的输出。

<button style="color:yellow" style="background-color:blue" type="button" onclick="alert('Hello world!')">Click Me!</button>

我想在这段HTML代码中将文本颜色设置为黄色，背景颜色设置为蓝色，但不使用任何CSS。我该怎么做？

- user11066242

Answer 1

你应该只使用style一次。在每个属性之间使用分号。最初的回答。

<button style="color:yellow; background-color:blue;" type="button" onclick="alert('Hello world!')">Click Me!</button>

- Lucien Dubois

Answer 2

你需要将所有的样式属性放在一个标签中，并用分号分隔它们。

最初的回答

<button style="color:yellow; background-color:blue;" type="button" onclick="alert('Hello world!')">Click Me!</button>

- Russ J

Answer 3

另一种方法是为其分配一个类并在其中输入所需的值

 <button class="btn" type="button">Click Me</button>

然后在它的CSS文件中

.btn{
 background-color:blue;
 }

- Ratnabh Kumar Rai

Answer 4

试试这个：

.BtnStyle
{
color:yellow; 
background-color:blue;
font-size:30px;

}

<button class="BtnStyle"  type="button" onclick="alert('Btn Class Style Sample!')">Please Click!</button>

- Ali NajafZadeh