3

このTwitter ブートストラップには灰色のテキストのボタンが表示されるため、非常によく似た問題が あります 。ここでは、ドロップダウン項目をクリックした後、ボタンのテキストが灰色になり、ホバーすると白。Railsサーバーを停止して再起動しても元に戻りません。別のブラウザーに移動すると (Firefox から Chrome に切り替えるなど)、ボタンのテキストは白ですが、ドロップダウン項目をクリックするとすぐに問題が再発します。

提案されたように削除する Scaffold.css がないことを除いて、足場ジェネレーターを実行した後まで問題は開始されなかったと思います。

ボタンのテキストの神秘的な永続的な灰色を止める方法はありますか?

ここに私のボタンhtmlがあります

<span class="span3 btn-group">
    <a id="j_button" class="btn btn-info session_button dropdown-toggle" data-toggle="dropdown" href="#">
        Send to J location
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <li><a id='j_dropdown1' href="#">New issue</a></li>
        <li><a id='j_dropdown2' href="#">Add to existing</a></li>
    </ul>
</span>

私が追加した唯一のcssは

.session_button {
  font-size: 12px;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 5px;
  padding-bottom: 0;
  padding-top: 0;
}
4

1 に答える 1

4

それは、実際にリンクを使用しているからです。

btnクラスがbtn-info追加され、twitter ブートストラップ スタイルが追加されるため、ボタンのようにしか見えません。リンクをクリックすると、ブラウザは通常、そのリンクに既にアクセスしたことを記憶し、次にそのリンクを表示したときにアクセス済みの状態を表示します。

リンクの訪問済み状態に css スタイルを追加して、灰色から変更することもできます。

白のままにしたい場合は、次を追加することで実現できます。

.session_button:visited { color:#FFF; }

訪問済みリンクの CSS セレクターもチェックしてください。

于 2012-09-14T19:40:15.947 に答える