css - 如何使使用 CSS 无法突出显示文本？

Question

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

.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 伪元素上。

带有表格和主题的示例

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;
}

您还可以在 :hover 伪元素上添加 cursor:default;。

带有表格和主题的示例

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