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 は Cascading Style Sheets です。これは、後のルールが前の同じ要素のルールを上書きすることを意味します。

これを実現するためのいくつかの方法

  1. 元のスタイルの後にあなたのスタイルを置きます。終わり。

  2. あなたのスタイルにもっと具体的な名前を付けてください。オリジナルのスタイルが on だとすると.button、このスタイルでは

    .button .yes_button { some rules }

  3. !important本当に上書きできない場合は、ルールの後に追加します。これは悪い習慣であることに注意してください。本当に他に選択肢がない場合に使用してください。

于 2013-09-11T12:52:02.350 に答える
0

button_toclassこのクラスの名前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 に答える