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

6

在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:hover元素。

带有表格和头部的示例

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

于 2013-06-05T17:36:09.510 回答
0

在 html 中，将 DIV 类更改为：

<div class="topmenu">

我似乎也有一个问题突出文本

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

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

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

于 2013-06-05T15:18:45.537 回答
0

将其更改为：

<div class="topmenu">

::selection是一个伪类。这不是你实际分配给某物的东西。.topmenu::selection表示“无论何时.topmenu选择元素”。

于 2013-06-05T15:04:39.543 回答
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 回答