```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>
```
