與腳手架發生器之後灰色文字的Twitter自舉按鈕

我有一個非常類似的問題，因爲這 Twitter bootstrap displays button with greyed text 在那裏我有一個下拉，一個Twitter的引導按鈕BTN-信息，我點擊下拉項文本後該按鈕現在變成灰色，只有當我將鼠標懸停在上方時才顯示爲白色。即使我停止導軌服務器並重新啓動，它也不會恢復正常。如果我轉到其他瀏覽器（比如說我從Firefox切換到Chrome），該按鈕的文本是白色的，但是一旦我點擊下拉項目，問題就會重新出現。與腳手架發生器之後灰色文字的Twitter自舉按鈕

我相信這個問題並沒有啓動，直到後，我跑了腳手架發電機除了我沒有一個Scaffold.css刪除的建議是爲Twitter bootstrap displays button with greyed text

任何想法的修補程序如何停止神祕永久按鈕文本的灰色顏色？

這裏是我的按鈕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; 
}

來源

2012-09-14 snowleopard

這是因爲你實際使用的鏈接。

它只是看起來像一個按鈕，因爲添加了類別btn和btn-info，它添加了twitter引導樣式。當你點擊一個鏈接時，瀏覽器通常會記住你已經訪問過該鏈接，並在下次你看到它時向你顯示訪問狀態。

您可能還想將css樣式添加到鏈接的訪問狀態以將其從灰色變爲灰色。

你想讓它留下白色假設，您可以通過添加下面這樣做：

.session_button:visited { color:#FFF; }

還檢查了CSS selector for visited links。

來源

2012-09-14 19:40:15 maru

謝謝我會查看鏈接。我很難相信這是問題，因爲我發現我的代碼的舊版本（在腳手架完成之前，但按鈕設置完全相同，即使用鏈接），並且問題沒有在那裏顯示。也許腳手架改變了鏈接的行爲方式？看着它... – snowleopard

剛剛檢查scaffold.css和a：訪問規則在那裏，所以它很奇怪你沒有文件的問題。你確定你沒有app/assets/stylesheets嗎？我會建議檢查你的其他樣式表，或者你總是可以覆蓋它。 – maru

在整個項目中到處尋找scaffold.css，並搜索了一個：visited文本，但它們不在我的項目中。不太確定它從哪裏來。此外，我檢查該按鈕的螢火蟲中的CSS，我沒有看到訪問的規則。無論如何，我將這添加到我的CSS a.btn：visited {color：#fff; }並且我的按鈕的文本恢復爲白色。它的修復，只是不是我很舒服的一個。寧願找到這個訪問過的CSS如何/在哪裏，但現在它會做。謝謝。 – snowleopard

與腳手架發生器之後灰色文字的Twitter自舉按鈕

回答

相關問題