Bootstrap 按钮颜色

上述按钮CSS规则

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

　　

上述按钮CSS颜色对应样式依次为

#FFFFFF
#428BCA
#5CB85C
#5BC0DE
#F0AD4E
#D9534F

未完待续......

原文地址：https://www.cnblogs.com/zmdComeOn/p/10214511.html

时间： 2024-09-19 10:32:20

Bootstrap 按钮颜色的相关文章

Bootstrap 按钮，图片，辅助类

Bootstrap 按钮 任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观.但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示: 以下样式可用于<a>, <button>, 或 <input> 元素上: 类 描述 实例 .btn 为按钮添加基本样式 尝试一下 .btn-default 默认/标准按钮 尝试一下 .btn-primary 原始按钮样式(未被操作) 尝试一下 .btn-success 表示成功的动作 尝试一下 .bt

Bootstrap 按钮

摘要:这篇笔记主要是关于bootstrap提供的定义按钮的不同样式 . 1.按钮样式总结 以下样式可以用在<a>.<button>.<input>元素上. 因为:<a role="button"  href="#">.<input type="button">.<input type="submit">等表现出来的是按钮的形状 不过还是建议在<but

bootstrap 按钮 文本 浮动 隐藏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css"> </h

BootStrap 按钮组简单介绍

学会按钮组需要掌握以下几个类. btn   btn-group btn-toolbar  btn-group-vertical   和 下拉菜单的基本类 dropdown-toggle dropdown-menu 和属性 data-toggle="dropdown"; 1:基本按钮组,仅仅一个 btn-group 就 OK 了. 1 <span class="btn-group " > 2 <button class="btn btn-p

JavaGUI——设置框架背景颜色和按钮颜色

import java.awt.Color; import javax.swing.*; public class MyDraw { public static void main(String[] args) { //创建框架 JFrame myFrame=new JFrame("图画"); //myFrame.setLocation(200, 300);//第1参数表示离左屏幕边框距离,第2参数表示离屏幕上边框距离 myFrame.setSize(600, 400); myFram

安卓学习【按钮颜色修改】

博客:http://blog.csdn.net/muyang_ren 按钮修改颜色后,也就把按钮点击后的响应颜色改变了,如果以下面的形式设置按钮颜色,按钮响应时就没有颜色改变了. <Button ...... android:background="#669966" /> 按钮有响应颜色需改的有: 1 <Button ...... android:background="@drawable/star_button_select" /> 2.在

Bootstrap按钮插件

前面的话 按钮插件提供了一组可以控制按钮多种状态的功能,比如按钮的禁用状态.正在加载状态.正常状态等.本文将详细介绍Bootstrap按钮插件 加载状态 通过按钮可以设计状态提示,当单击按钮时,会显示loading状态信息.例如,点击"加载"按钮,会触发按钮的加载的状态 通过添加 data-loading-text="Loading..." 可以为按钮设置正在加载的状态,但从 v3.3.5 版本开始,此特性不再建议使用,并且已经在 v4 版本中删除了 [注意]如果不

如何实现ZBrush 4R7中按钮颜色的自定义

本文详细讲解在ZBrush® 4R7中如何改变按钮颜色. Zbrush默认的开关按钮颜色为橙黄色,若您不喜欢当前颜色,可以通过“Icolors”功能按钮下的各命令来更改界面开关颜色及透明度,与此同时,您 还可以更改图标按钮色.图标按钮文本色.滑块按钮色和滑块旋钮色等等,ZBrush人性化的设计,也给用户带来非同一般的视觉享受. 查看更多内容请直接前往:http://www.zbrushcn.com/jichu/zbrush-4r7-anniu-yanse.html  本文提供两种方法: 方法一:

Bootstrap按钮组学习

简介 通过按钮组容器把一组按钮放在同一行里.通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为. 按钮组中的工具提示和弹出框需要特别的设置 当为 .btn-group 中的元素应用工具提示或弹出框时,必须指定container: 'body' 选项,这样可以避免不必要的副作用(例如工具提示或弹出框触发时,会让页面元素变宽和/或失去圆角). 确保设置正确的 role 属性并提供一个 label 标签 为了向使用辅助技术 - 如屏幕阅读器 - 的用户正确传达一正确的按钮分组,需要提供一个合