0

こんにちは皆さん、CSS アクティブでクリック効果を与えるいくつかのボタンを作成しました。別のページに移動するために使用したいのですが、スタイルを変更したくありません。

基本的に今、CSSファイルにリンクされているスパンにいくつかのテキストがあり、クリックするとボタンのように見えて動作します。

使ってみた

HTML

<span class="Home">Home</span>

CSS

.Dashboard span
{
   width: 130px;
   height:34px;
   text-align: center;
   line-height: 25px;
   font-size: 43px;
   font-family: Lemon;
   text-shadow: 2px 2px #FFFFFF;
}
4

3 に答える 3

0

Javascript を使用してリダイレクトするだけの場合は、ボタンを取得して実行できるようにするだけです。

window.location = "http://destination.com";

ただし、CSS は非常に柔軟で、そのスタイルをアンカー タグに簡単に適用できるため、同じ機能を取得するためにこの回り道をする必要がないことに注意してください。実際、これが好ましい方法だと思います。

于 2013-10-18T18:30:46.700 に答える
0

:activeCSS 疑似セレクターを使用して、「アクティブ」(「クリックされた」) 状態の要素をターゲットにすることができます。

ブラウザー インスペクターを使用すると、ボタンがクリックされたときにブラウザーが適用しているスタイルを確認できます。それらに注意して、それらを上書きしてください。例えば：

.Dashboard span:active {
  outline: none !important;
}

アクティブな要素とフォーカスされた要素の周りに表示される「青いボックス」を無効にします。

詳細を読みたい場合は、http://css-tricks.com/pseudo-class-selectors/をご覧ください。

于 2013-10-18T18:29:52.050 に答える