在Rails中覆盖超链接样式

Question

我使用Bootstrap作为我的CSS风格。我想伪造一个链接作为按钮，所以我需要关闭悬停样式：

a:hover {
         color: #00438a;
         text-decoration: underline;

}

如何覆盖html文件中的悬停属性（而不是覆盖Bootstrap中定义的内容）。

谢谢。

Answer 1

为特定的id标记创建样式。

所以改变：

a:hover {
     color: #00438a;
     text-decoration: underline;
}

到

a#some_id_tag_name:hover {
     color: #00438a;
     text-decoration: underline;
}

如果要重用样式，请创建一个覆盖的特定类。

a.some_class_tag_name:hover {
     color: #00438a;
     text-decoration: underline;
}

Answer 2

您实际上无法“关闭”CSS样式，您只能将它们显式设置为其他内容（inherit值某种异常）。无论如何，在你的情况下：

• 在您的链接中添加class
• 在样式表
中为其创建新规则
• 定义样式

类似的东西：

.my-class:hover {
      color: {YOUR_COLOR};
      text-decoration: none;
}

如果您确实需要，还可以使用内联样式和!important：

<a style="text-decoration:none !important"></a>

尽可能避免使用第二种方法（即几乎总是如此）。