-1

だから私は次のようなコードを持っています

<button id="create_btn" class="btn" type="button" title="List Available Games">List Games</button>

訪れた後も色を常に白にしたい。私のCSSは次のようになります：

.btn {
    border-radius: 0px; 
    color: white;
    display: inline-block;
}
.btn:hover { 
    color: white; 
}
#create_btn {
    background-color: firebrick; 
    width: 120px;
    height: 42px;
}

しかし、現在何もしていないにもかかわらず、クリックしたときに色を白のままにする方法がわかりません（アプリケーションでは、更新せずに下の表にゲームを作成またはリストします。どうすればよいですか？試してみましたがうまくいき.btn:visited { color: white;}ません。また、その<a></a>周りに追加して変更しようとしましたa:visitedが、クリックしてもテキストはまだ黒です。

ボタンをクリックすると、まだ何かを実行するための JS 機能を追加していないため、それが「訪問済み」の概念であるかどうかさえわかりません。クリック後に「読み込み中」の間は黒く、白のままにしておきたいです。

4

2 に答える 2

0

CSS が上書きされるようです。FireBug ( http://getfirebug.com/enable ) を使用して、class/id のオーバーライドを確認してください。

https://jsfiddle.net/z7h0kc79/ - 大丈夫そうです。

<button id="create_btn" class="btn" type="button" title="List Available Games">List Games</button>


.btn {
border-radius: 0px; 
color: white;
display: inline-block;
}

.btn:hover { color: white; }
#create_btn {
background-color: firebrick; 
width: 120px;
height: 42px;
}
于 2016-02-23T22:46:15.433 に答える
-1

ボタンにカーソルを合わせたときだけでなく、ボタンのスタイルを設定するために CSS を記述しました。欠けているのは、訪問済みの CSS スタイルです。これを CSS スタイルシートに追加できます。

.btn:訪問済み { }

「背景色」を入力します (ボタン全体に色を付けます)。「色」はテキストにのみ適用されることに注意してください。

訪問したボタンを訪問後に画像に変更することもできます。CSS での画像の描画は非常に簡単です。最終的に .btn:visited {background-image: } になります

于 2016-02-23T22:46:48.960 に答える