覆盖页面

时间：2018-05-17 17:30:46

标签： html css angular ionic2

我正在学习离子。在我的应用程序中，我想将linkbutton的字体设置为12 px，但是它被其他css覆盖。 我的scss文件有关于linkbutton的以下css：

  .link_button {
  color: $myColor;
  font-size: 12px;
  text-decoration: underline;
  bottom:10px;
  }

如何让上面的scss强行隐含在别人之上？

这就是文字的外观：

enter image description here

实际隐含的CSS（来自chrome工具）：

enter image description here

根据人们的建议，我修改了我的scss文件，包含Id和重要信息，但是没有用。 使用重要时:(即使我通过Id进行同样的事情） enter image description here

3 个答案:

答案 0 :(得分：0)

您可以在链接按钮中添加ID，并使用ID指定样式。这是因为ID优先于类样式

#linkButton { Font-size:12px; } 或者你可以使用！important来覆盖所有其他的CSS样式。但是当你使用它时要小心 .linkButton { Font-size:12px !important; }

答案 1 :(得分：0)

最好不要使用！重要但要增加特异性。 https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

答案 2 :(得分：0)

添加按钮内部类是离子按钮，它有默认的字体大小。 更多信息：

css code doesn't apply to button in ionic 2

相关问题
最新问题