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是层叠样式表，这意味着规则稍后将覆盖相同元素的规则。

实现此目的的几种方法

将您的风格置于原创风格之后。完成。
更具体地命名您的风格。假设您的原始样式位于.button，然后是此样式
```
.button .yes_button { some rules } 
```
如果您真的无法覆盖规则，请在规则后添加!important。注意这是一个不好的做法，当你真的别无选择时使用它。

Answer 2

button_to创建一个名为class的默认button_to表单，以更改此类的名称并覆盖您可以执行此操作的默认css：

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

Rails：在button_to上覆盖CSS？

2 个答案: