HTML按钮样式

Bootstrap自带了一些预定义的按钮颜色。红色btn-danger被用来提醒用户该操作具有“破坏性”，例如删除。浅蓝色用得比较多btn-Info。

其中btn的class属性有内部的自定义样式。

  <button class="btn btn-block btn-info">Info</button>  <button class="btn btn-block btn-danger">Delete</button>

同样对于文本<p>like</p>

<p><span class="text-danger">love</span></p>

加上这句话之后，对应的love文本就会变为红色。

还可以为按钮添加图片：

Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形，被保存在 .svg 的文件格式中。这些图标就和字体一样，你可以通过像素单位指定它们的大小，它们将会继承其父HTML元素的字体大小。

你可以将 Font Awesome 图标库增添至任何一个应用中，方法很简单，只需要在你的 HTML 头部增加下列代码即可：

<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/>

i 元素起初一般是让其它元素有斜体(italic)的功能，不过现在一般用来指代图标。你可以将 Font Awesome 中的 class 属性添加到i 元素中，把它变成一个图标，比如：

<i class="fa fa-info-circle"></i>

给按钮加了一个点赞（thumbs-up）的图标：

<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>Like</button>

给Info按钮添加了info-circle图标，给Delete添加了trush图标：

<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i>Info</button>

<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i>Delete</button>

jQuery有一个.prop()的方法让你来调整元素的属性.

我们是这样来让按钮不可选的:

$("button").prop("disabled", true);