4

私はウェブサイトを作ろうとしています。表を使用してヘッダーを作成しましたが、強調表示すると粘着性があります。 

.topmenu::selection 
    {
    background: rgba(255,79,79,0); /* Change highlight color */
    }

<div class="topmenu::selection">PHPで使用して呼び出します。このコードを間違って呼び出していますか?

ありがとう！

編集:これはうまくいかなかったようです。変更があれば、式エンジンを使用しています。これまでの私の仕事は次のとおりです。

<meta http-equiv="Content-Type" content="text/html; charset={charset}" /> <link rel="shortcut icon" href="/Flame.ico" />
 <title>New Hope Christian College</title>
 <link rel="stylesheet" type="text/css" href="/nhcc-css/text.css" /> 
<center> 
<table width="960" border="0" div class="topmenu">

.topmenu {
    FONT-SIZE: 12px; COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.topmenu::selection {
    background: transparent;
}
.topmenu::-moz-selection {
    background: transparent;
}
.topmenu a {
    color: #A71137; text-decoration: none;
}
a:hover {
    COLOR: #000000;
    text-decoration: none;
}

基本的に、私はテーブルを持っています。ヘッダー (テーブル) を「選択不可」にし、残りの本文を選択可能にしたいのです。

これは私のためにそれをしました！

CSS3 ユーザー選択プロパティで可能です:

CSS

.element{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

cursor:default; を追加することもできます。:hover peuso-要素。

テーブルとスレッドの例

http://jsfiddle.net/swAmt/2/

4

4 に答える 4

0

これを達成する方法は本当にありません。ただし、それ以外の場合に適用される背景色を削除することにより、CSS で強調表示が無効になっているように見せることができます。

まだ完全にはサポートされていないため、異なるベンダー プレフィックスを使用する必要はありませんが、基本的にこれで (少なくとも一部は) 目的を達成できます。

::selection {
    background: transparent;
}
::-moz-selection {
    background: transparent;
}

これらは疑似クラス セレクターであり、マークアップ内のクラス自体の一部ではないことに注意してください。

.topmenuこれを適用したいだけの場合、マークアップは次のようになります。

HTML: <div class="topmenu">

CSS:

.topmenu::selection {
    background: transparent;
}
.topmenu::-moz-selection {
    background: transparent;
}
于 2013-06-05T15:05:31.873 に答える