zoukankan      html  css  js  c++  java
  • 若依框架添加按钮样式

    学习了若依框架,有时候bootstrap提供的按钮颜色并不能完全满足系统的需要 只有仅限的几个 所以在这时候需要增加自定义的按钮颜色

    下边是两个在线生成bootstrap按钮颜色的网址

    blog.koalite.com/bbg/v2/

    twitterbootstrap3buttons.w3masters.nl/

    创建一个.css文件

    将下方的css复制到css文件中

    页面引入该css文件

    页面创建个按钮

    .btn-black {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #050505;
    *background-color: #050505;
    background-image: -moz-linear-gradient(top, #000000, #050505);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#050505));
    background-image: -webkit-linear-gradient(top, #000000, #050505);
    background-image: -o-linear-gradient(top, #000000, #050505);
    background-image: linear-gradient(to bottom, #000000, #050505);
    background-repeat: repeat-x;
    border-color: #050505;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#050505', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    .btn-black:hover,
    .btn-black:focus,
    .btn-black:active,
    .btn-black.active,
    .btn-black.disabled,
    .btn-black[disabled] {
    color: #FFFFFF;
    background-color: #050505;
    *background-color: #003bb3;
    }

    <button class="btn btn-black">btn-primary</button>
  • 相关阅读:
    SuffixArray
    CodeForces722C
    CodeForces1000C
    浅谈定积分
    浅谈线段树
    飞行员配对方案问题
    FhqTreap的区间翻转
    NOI2004郁闷的出纳员
    二分图匹配
    Far Relative’s Problem (贪心 计算来的最多客人)
  • 原文地址:https://www.cnblogs.com/michaelcnblogs/p/15576788.html
Copyright © 2011-2022 走看看