Question

我正在尝试建立一个网站。我使用表格制作了标题，当你突出显示它时，它看起来很俗气。

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

我在PHP中使用<div class="topmenu::selection">来调用它。我是否错误地调用了此代码？

谢谢！

编辑：这似乎没有用。如果进行任何更改，我正在使用表达式引擎。到目前为止，这是我的工作：

<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-element。

表格和thead

的示例

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

Answer 1

可以在 CSS3 user-select属性：

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; peuso-element上添加:hover。

包含表格和thead的示例

<强> http://jsfiddle.net/swAmt/2/

Answer 2

将其更改为：

<div class="topmenu">

::selection是伪类。这不是你实际上分配的东西。 .topmenu::selection表示“每当选择.topmenu元素时”。

Answer 3

实际上没有办法实现这一目标。但是，你可以做的是让它显示，好像通过删除原本应用的背景颜色来禁用CSS突出显示。

它尚未完全支持，因此您不会使用不同的供应商前缀，但实质上这将（至少部分）执行您所追求的内容：

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

请记住这些是pseudo-class selectors，并且不会在您的标记中构成课程本身的一部分。

如果只是.topmenu你想要应用它，你的标记将如下所示：

HTML： <div class="topmenu">

<强> CSS：

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

Answer 4

在html中，将DIV类更改为：

<div class="topmenu">

我似乎也有问题用

突出显示文本

background: rgba(255,79,79,0);

尝试使用0以外的其他值，例如

background: rgba(255,79,79,0.5);

如何使用CSS突出显示文本？

4 个答案:

CSS