HTML按钮样式

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

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

  
  


同样对于文本

like

text-danger">love


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


还可以为按钮添加图片:

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

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

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

给按钮加了一个点赞(thumbs-up)的图标:


给Info按钮添加了info-circle图标,给Delete添加了trush图标:



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

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

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




你可能感兴趣的:(HTML+CSS/JS)