0

在我看来有这个按钮：

<%= 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;
}

但似乎还有一些其他样式应用于按钮以及我应用的自定义样式。有没有办法在我添加自己的样式之前删除所有样式？（或以其他方式修复它）？

4

2 回答 2

0

CSS 是级联样式表，这意味着后面的规则将覆盖之前相同元素的规则。

实现这一点的几种方法

  1. 把你的风格放在原始风格之后。完毕。

  2. 更具体地命名您的风格。说你原来的风格是开启的.button，那么对于这个风格

    .button .yes_button { some rules }

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

于 2013-09-11T12:52:02.350 回答
0

button_to创建一个具有默认class命名的表单button_to以更改此类的名称并覆盖默认 css 你可以这样做：

<%= button_to 'YES', { :controller => 'pages', :action => 'yes', :id => p.id, remote: true}, {form_class: "yes_button"} %>
于 2013-09-11T13:06:45.863 回答