html按钮样式

标签 html button

如何向一个按钮添加多种样式...这行不通。

<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"

是否可以组合多种样式?

最佳答案

你真的应该使用 css 类并避免内联样式化 DOM 节点:

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

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

更理想的情况是您创建一个 CSS 文件。

CSS(样式.css):

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

HTML:

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

关于html按钮样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7297174/

相关文章:

javascript - 如何将原型(prototype)函数添加到初始化函数中的事件监听器?

javascript - 使用 gulp 设置配置文件。站点加载但 css 注入(inject)没有发生。我该如何解决?

html - 如何使用 HTML 和 CSS 对齐图像中显示的文本?

java - Android Studio 按钮导致崩溃

android - 按钮的填充在没有背景的情况下不起作用

android - 从其他 Activity 的列表中删除项目

html - Bootstrap 移动菜单在切换后消失

PHP,禁用自动输入[]到数组

java - 我的程序如何随机按下按钮?

silverlight - 如何在编程 XAML 定义中定义按钮单击处理程序