gpt4 book ai didi

css - 使用 CSS 禁用高亮

转载 作者:行者123 更新时间:2023-12-04 15:01:34 25 4
gpt4 key购买 nike

美好的一天。我想在我禁用的输入文本字段上禁用突出显示。我在这个 SO Answer 上找到了一个有效的答案并尝试在我的代码上实现。但是,它对我不起作用。我不知道我做错了什么。

input[type="text"]:disabled {
background-color: red;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Old versions of Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
text-overflow: ellipsis;
}
<input type="text" class="someclass" value="some value that is very long long long" disabled="disabled" style="width: 100px;">

注意。我还添加了背景颜色来检查选择器是否正确并且它确实改变了颜色。

我想这样做的原因是文本值比文本本身长,在另一个类中有一个省略号。如果我双击文本并向右滑动,文本就会消失。

注意。如果在输入文本字段中禁用高亮显示,我能否使当用户高亮显示文本然后向右拖动时,文本不会移动?

最佳答案

当您的按钮被禁用时,您不能使用唯一的 css 来执行此操作。

你可以试试javascript的帮助。

<!DOCTYPE html>
<html>
<head>
<style>
input{
background-color:red;
}
</style>
</head>
<body>

<input type="text" id="unselectable" value="You can not select this text!"/>

<script>
document.getElementById("unselectable").addEventListener("mousedown", function(event){
event.preventDefault();
});
</script>

</body>
</html>

关于css - 使用 CSS 禁用高亮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66881006/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com