文本修饰:none不适用于Rails链接

Question

我有两个与Glyphicons的链接,想要Text-decoration:none; 但由于某种原因,它不会消失,我总是一个悬停线.

链接是:

<p class="user-profile-social-links pull-right">
  <% if @user.facebooklink.present? %>
      <%= link_to @user.facebooklink, title: "Facebook", :target => '_blank' do %>
          <i class="icon-facebook-sign"></i>
      <% end %>
  <% end %>

  <% if @user.twitterlink.present? %>
      <%= link_to @user.twitterlink, title: "Twitter", :target => '_blank' do %>
          <i class="icon-twitter-sign"></i>
      <% end %>
  <% end %>
</p>

这个类有这个CSS:

.user-profile-social-links {
text-decoration: none;
display: block;
color: #777;
}

难道我做错了什么 ？为什么不工作？

*编辑:* 这是我仍然得到的 - > http://imgur.com/raC362u(稍微放大以查看图标下方的线条)

Answer 1

我认为加雷斯是对的.然而,可能有一种风格可以覆盖这一种.

尝试添加!important:

.user-profile-social-links a {
    text-decoration: none !important;
    color: #777;
}