1. 基础外观

    锚点按钮
    <button><span>按钮</span></button>
    <a href="#nogo" class="e_button"><span>锚点按钮</span></a>
    
  2. 扩展外观

    1. 不同相对位置时呈现的状态

      1. 靠左

        锚点按钮
        <button class="e_button-left"><span>按钮</span></button>
        <a href="#nogo" class="e_button e_button-left"><span>锚点按钮</span></a>
        
      2. 居中

        锚点按钮
        <button class="e_button-center"><span>按钮</span></button>
        <a href="#nogo" class="e_button e_button-center"><span>锚点按钮</span></a>
        
      3. 靠右

        锚点按钮
        <button class="e_button-right"><span>按钮</span></button>
        <a href="#nogo" class="e_button e_button-right"><span>锚点按钮</span></a>
        
    2. 不同级别的按钮(高级别的按钮暂不提供 “左、中、右” 三状态)

      1. 局部表单提交级

        锚点按钮
        <button class="e_button-form"><span>执行查询</span></button>
        <a href="#nogo" class="e_button e_button-form"><span>锚点按钮</span></a>
        
      2. 页面操作级

        1. 普通形式
          锚点按钮
          <button class="e_button-page"><span>按钮</span></button>
          <a href="#nogo" class="e_button e_button-page"><span>锚点按钮</span></a>
          
        2. 确认形式
          锚点按钮
          <button class="e_button-page e_button-page-ok"><span>按钮</span></button>
          <a href="#nogo" class="e_button e_button-page e_button-page-ok"><span>锚点按钮</span></a>
          
        3. 取消形式
          锚点按钮
          <button class="e_button-page e_button-page-cancel"><span>按钮</span></button>
          <a href="#nogo" class="e_button e_button-page e_button-page-cancel"><span>锚点按钮</span></a>
          
    3. 强调/当前/点亮的按钮

      锚点按钮
      <button class="e_button-focus"><span>按钮</span></button>
      <a href="#nogo" class="e_button e_button-focus"><span>锚点按钮</span></a>
      
    4. 加入图标

      <button><i class="e_ico-add"></i><span>按钮</span></button>
      <a href="#nogo" class="e_button"><i class="e_ico-add"></i><span>锚点按钮</span></a>
      

      确认与取消按钮比较特殊,给出了默认图标,同时也可以自定义样式:

           
      <button class="e_button-page-ok"><i></i><span>确定</span></button>
      <button class="e_button-page-cancel"><i></i><span>取消</span></button>
      <button class="e_button-page-ok"><i class="e_ico-save"></i><span>保存</span></button>
      <button class="e_button-page-cancel"><i class="e_ico-delete"></i><span>删除</span></button>
      
    5. 附属按钮

      附属按钮需要结合 e_button-left 的按钮使用,以给出更多选项的提示:

      <button class="e_button-left" type="button"><i class="e_ico-add"></i><span>新增</span></button><button class="e_button-attach" type="button"></button>