HTML按钮样式

Question

如何为一个按钮添加多个样式......这不起作用。

<button style="background:red", "cursor:pointer">click me</button>

我试过了：

• style="background:red", "cursor:pointer"
• style="background:red" "cursor:pointer"
• style="background:red" style="cursor:pointer"

是否可以组合多种样式？

Answer 1

您应该使用css类并避免内联样式化DOM节点：

<style type="text/css">
    .btn {
        background-color:red;
        cursor:pointer;
    }
</style>

<button class="btn">Click me</button>

更理想的是，您将创建一个CSS文件。

CSS（style.css）：

.btn {
    background-color:red;
    cursor:pointer;
}

HTML：

   <link rel="stylesheet" href="style.css" />
   <button class="btn">Click me</button>

Answer 2

使用;分隔属性，并将所有属性放在同一组引号之间：

<button style="background:red; cursor:pointer">click me</button>

http://jsfiddle.net/userdude/GcY97/

CSS类声明也是如此：

button {
    background: red;
    cursor: pointer;
}

Answer 3

您使用分号 - ;

分隔所有html样式属性

style="background: red; cursor: pointer;"