Rails: переопределить CSS на 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 - это каскадные таблицы стилей, что означает, что правила позже будут перезаписывать правила на тех же элементах раньше.

Несколько способов реализовать это

1. Поместите свой стиль после того, как оригинальный стиль. Готово.

2. Назовите ваш стиль более конкретным. Предположим, что ваш оригинальный стиль на .button, то для этого стиля

   .button .yes_button { some rules } 
   

3. Добавить !important после правила, если вы действительно не можете перезаписать. Осторожно, это плохая практика, используйте ее, когда у вас действительно нет другого выбора.

Answer 2

button_to создает форму с именем по умолчанию classbutton_to изменить название этого класса и переопределить CSS по умолчанию, вы можете сделать это:

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