Fatal编程技术网
  • javascript/
  • Javascript 单击时防止文本高亮显示

Javascript 单击时防止文本高亮显示

javascript

Javascript 单击时防止文本高亮显示,javascript,Javascript,我有一个带正负号的输入字段来增加/减少其中的数字。看起来像这样： <a onclick="less()">-</a> <input type="text" text-input"> <a onclick="more()">+</a> - 根据您必须支持的浏览器版本，您可以尝试使用css属性user select到none。这里有这样一个实现的示例您可以使用css：：selection ::selection { backgroun

我有一个带正负号的输入字段来增加/减少其中的数字。看起来像这样：

<a onclick="less()">-</a>
<input type="text" text-input">
<a onclick="more()">+</a>

-

根据您必须支持的浏览器版本，您可以尝试使用css属性
user select
到
none
。这里有这样一个实现的示例
您可以使用css
：：selection


::selection {
  background: none;
}
::-moz-selection {
  background: none;
}
::-webkit-selection {
  background: none;
}




.linklike{颜色：蓝色；文本装饰：下划线}
-
+





或者最好的做法是让
这样做。

然后，突出显示的问题都得到了解决，您可以以更好的方式编写代码


（您也可以使用CSS更改按钮，使其看起来像您想要的一样）
可能重复您的HTML无效的提示。锚点必须具有
名称
或
href
属性。您可能需要使用一个简单的
span
元素。将它们做成按钮而不是文本链接。@FelixKling，是的，我知道，只是想简化。我在输入中也有更多属性。如果CSS3是一个选项，您可以使用：：selection选择器设置所选文本的背景色，使其与执行此操作的输入的背景色相同。我不知道有一个CSS。谢谢。@Rikard很高兴能帮上忙！

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
    <style>
      .linklike { color: blue; text-decoration:underline  }        
    </style>
  </head>

  <body>
    <button onclick="less()">-</button>
    <input type="text">
    <button onclick="more()">+</button>
    <br>
    <br>
    OR<br
    <br>
    <br>
    <span onclick="less()" class="linklike">-</span>
    <input type="text">
    <span onclick="more()" class="linklike">+</span>    


  </body>

</html>