以 HTML 样式分配按钮的背景颜色和文本颜色答案

【问题标题】：Assigning background color and text-color of button in HTML style以 HTML 样式分配按钮的背景颜色和文本颜色
【发布时间】：2019-02-17 04:57:37
【问题描述】：

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

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

我只想在此 html 代码中将文本颜色设为黄色，将背景颜色设为蓝色，而不使用任何类型的 css。我该怎么做？

【问题讨论】：

【解决方案1】：

您需要将所有样式属性保存在一个标记中，并用分号分隔它们。

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

【讨论】：

【解决方案2】：

您应该只使用一次style。在每个属性之间使用分号。

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

【讨论】：

【解决方案3】：

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

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

然后在它的css文件中

.btn{
 background-color:blue;
 }

【讨论】：

【解决方案4】：

试试这个：

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

}

&lt;button class="BtnStyle"  type="button" onclick="alert('Btn Class Style Sample!')"&gt;Please Click!&lt;/button&gt;

【讨论】：