按钮

普通按钮

a按钮
<a class="ui-btn">a按钮</a>
<button class="ui-btn">button按钮</button>

按钮颜色

  添加以下样式:
  • ui-btn-blue
  • ui-btn-red
  • ui-btn-yellow
  • ui-btn-green
  • ui-btn-info
<button class="ui-btn">Default</button>
<button class="ui-btn ui-btn-blue">Blue</button>
<button class="ui-btn ui-btn-red">Red</button>
<button class="ui-btn ui-btn-yellow">Yellow</button>
<button class="ui-btn ui-btn-green">Green</button>
<button class="ui-btn ui-btn-info">Info</button>

白底按钮

  添加以下样式:
  • ui-btn-outline-blue
  • ui-btn-outline-red
  • ui-btn-outline-yellow
  • ui-btn-outline-green
  • ui-btn-outline-info
<button class="ui-btn">Default</button>
<button class="ui-btn ui-btn-outline-blue ui-btn-blue">Blue</button>
<button class="ui-btn ui-btn-outline-red ui-btn-red">Red</button>
<button class="ui-btn ui-btn-outline-yellow ui-btn-yellow">Yellow</button>
<button class="ui-btn ui-btn-outline-green ui-btn-green">Green</button>
<button class="ui-btn ui-btn-outline-info ui-btn-info">Info</button>

按钮尺寸

  添加以下样式:
  • ui-btn-lt
  • ui-btn-sm
  • ui-btn-big
  • ui-btn-lg
<button class="ui-btn ui-btn-lt">ui-btn-lt</button>
<button class="ui-btn ui-btn-sm">ui-btn-sm</button>
<button class="ui-btn">default</button>
<button class="ui-btn ui-btn-big">ui-btn-big</button>
<button class="ui-btn ui-btn-lg">ui-btn-lg</button>

块状按钮

  添加以下样式:
  • ui-btn-block

<button class="ui-btn ui-btn-block">Default</button>
<button class="ui-btn ui-btn-blue ui-btn-block">Default</button>