css - rails : Override CSS on button_to?

Question

在我看来有这个按钮:

<%= button_to 'YES', { :controller => 'pages', :action => 'yes', :id => p.id, remote: true}, {class: "yes_button"} %>

在 .css 中，我尝试用这个来设置按钮的样式:

.yes_button {
    color: white;
    background-color:#828282;
    display:inline-block;
    font-family: 'Fjalla One', serif;
    font-size: 9pt;
    font-weight: 100;
    text-align: center;
    font-style: italic;
    padding:0px 6px;
    padding-right: 8px;
    padding-top: 2px;
    text-decoration:none;
}

但似乎还有一些其他样式应用于按钮以及我应用的自定义样式。有没有办法在我将自己的样式放在上面之前删除所有样式？ (或以其他方式修复)？

Answer 1

CSS即Cascading Style Sheets，意思是后面的规则会覆盖前面相同元素的规则。

几种实现方式

1. 将您的风格置于原始风格之后。完成。

2. 命名您的风格更具体。假设你原来的样式是在.button上，那么对于这个样式

   .button .yes_button { some rules } 
   

3. 如果您确实无法覆盖它，请在规则后添加 !important。请注意，这是一种不好的做法，当您真的别无选择时使用它。