```css
/*文字链接*/
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*/
/*文字链接结束*/
```
```html
<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>
```
