更改链接按钮的颜色答案

【问题标题】：Change color of link buttons更改链接按钮的颜色
【发布时间】：2014-05-23 02:33:38
【问题描述】：

我正在尝试将按钮文本的颜色更改为白色，显示谁已登录的按钮和注销按钮。现在它是蓝色的，不容易看到它显示的内容。

我认为是因为按钮是链接，所以它是蓝色的。

代码：

  <p class="navbar-text pull-right">
 <span class="glyphicon glyphicon-user"></span>  
<span class="label label-info" style="color:white">  Innlogget:  <a class="navbar-link" style="color:white">{{ HTML::linkRoute('user_data', Auth::user()->user_name) }} </a> </span> |
<span class="label label-danger" style="color:white">{{ HTML::linkRoute('logout', 'Logg ut') }} </span></p> 
 <ul class="nav navbar-nav pull-left">

【问题讨论】：

.label a{color:#fff} 应该可以工作
太棒了！另一个问题，是否可以在不使用 | 的情况下在它们之间创建一个空间？ ?
是的，伙计！只需在 CSS 中使用边距。 .label {margin-left:10px;}
是的，您可能应该发布 jsfiddle 或 html 和 css 标记以获得更好的答案。你可以试试 .label-info:after { content: "|";左边距：8px； }
最后一个问题，把底部的文字和Innlogget的文字都变大？

标签： html css twitter-bootstrap laravel-4 blade

【解决方案1】：

CSS 未验证

<html>
<head>
<style>
a:link, a:visited {
color:white;
}
</style>
</head>
<body>
........
</body>

如果你说链接，那么这只是一个链接。

【讨论】：

【解决方案2】：

CSS

.label, 
.label a{font-size:18px; /*change font size as per requirement*/ color:#fff} 

.label-info:after { content: "|"; margin-left:8px; }

应该工作

【讨论】：

如你所说，如何将它放在课堂上的最佳方式？所以它不会影响所有使用相同类的css吗？ ——
那么你可以做的是你可以包装一个 div 例如
..你的所有标记 ..
然后你可以像 .user-action .label, .user-action .label a {font-size:18px;} 这样除非您定义相同的类 ieuser-action，否则这不会影响任何地方
谢谢，会检查的。