real——文字链接

/*文字链接*/
a{
    color: #606266;
    display: inline-flex;
    flex-direction: real-row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
} 
/*a:link {color:#000000;}       未访问链接
/*a:visited {color:#00FF00;}   已访问链接 */
/*a:hover {color:#409eff;text-decoration: underline;}   鼠标移动到链接上 */
/*a:active {color:#409eff;text-decoration: underline;}  鼠标点击时 */
.inner:hover{
    
   text-decoration: underline;
      color: #409eff!important;
}
 .primary{
     
    color: #409eff;
 }
 .primary:hover{
     
   text-decoration: underline;
    color: #409eff!important;
 }
 .success{
     
    color: #67c23a;
 }
 .success:hover{
     
   text-decoration: underline;
    color: #67c23a ;
 }
 .warning{
     
    color: #e6a23c;
 }
 .warning:hover{
     
   text-decoration: underline;
    color: #e6a23c ;
 }
 .danger{
     color: #f44336;
 }
 .danger:hover{
     
   text-decoration: underline;
    color: #f44336 ;
 }
 .info{
     color: #909399;
 }
 .info:hover{
     
   text-decoration: underline;
     color: #909399;
 }
/*禁用*/
.inner-disabled, .inner-disabled:hover:hover{
    
    color: #909399;
   text-decoration: none; 
    cursor: not-allowed;
}
 .primary-disabled, .primary-disabled:hover{
     
    text-decoration: none;
    color: #a0cfff;
    cursor: not-allowed;
 } 
 .success-disabled,.success-disabled:hover{
     
    text-decoration: none;
    color: #b1f58e;
    cursor: not-allowed;
 } 
 .warning-disabled,.warning-disabled:hover{
     
    text-decoration: none;
    color: #f5c888;
    cursor: not-allowed;
 }
 .danger-disabled,.danger-disabled:hover{
    text-decoration: none;
     color: #ef8c8f;
    cursor: not-allowed;
 }
 .info-disabled, .info-disabled:hover{
    text-decoration: none;
     color: #cac7ce;
    cursor: not-allowed;
 }
.no-underline,.no-underline:hover{ 
    
    text-decoration: none;
}
 .underline:hover{
   text-decoration: underline;
 }
 /*b*/ 
/*文字链接结束*/

  <div class="table-real-row">
                             <h3>链接</h3>

                            <div style="margin:15px;"> <a class="inner" target="_blank">默认链接</a>
 <a class="primary" style="padding:15px;">主要链接</a>
 <a class="success" style="padding:15px;">成功链接</a>
 <a class="warning" style="padding:15px;">警告链接</a>
 <a class="danger" style="padding:15px;">危险链接</a>
 <a class="info" style="padding:15px;">信息链接</a>

                            </div>
                             <h3>禁用</h3>

                            <div style="margin:15px;"> <a class="inner-disabled" style="padding:15px;">默认链接</a>
 <a class="primary-disabled" style="padding:15px;">主要链接</a>
 <a class="success-disabled" style="padding:15px;">成功链接</a>
 <a class="warning-disabled" style="padding:15px;">警告链接</a>
 <a class="danger-disabled" style="padding:15px;">危险链接</a>
 <a class="info-disabled" style="padding:15px;">信息链接</a>

                            </div>
                             <h3>下划线</h3> 
                            <div style="margin:15px;"> <a classe="no-underline">无下划线</a>
 <a class="underline">有下划线</a>
 <a class="danger underline">有下划线</a>

                            </div>
                        </div>