gpt4 book ai didi

javascript - html contenteditable 属性

转载 作者:行者123 更新时间:2023-11-28 16:57:00 25 4
gpt4 key购买 nike

我需要在 <body contenteditable="true"> 时将鼠标光标设置为指针.由于遗留原因,这需要在 Internet Explorer 中工作。

a {
cursor: pointer;
}
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>The HTML5 Cursor Test</title>
</head>

<body contenteditable="true">
<p>This is Editable editable
<p>
<a style="cursor: pointer;" href="https://www.google.com/">I want this
link clickable with pointer cursor here</a>
</body>

</html>

这在 Chrome 中运行良好,但在 Internet Explorer 中运行不佳。将鼠标悬停在链接上时,我在 Chrome 中看到鼠标指针,但在 IE 中看不到。

最佳答案

使用cursor:pointercursor:hand覆盖所有浏览器,使用[contenteditable="true"]来标识元素contenteditable 属性。

*[contenteditable="true"] {
cursor: pointer;
cursor: hand;
}

片段:

*[contenteditable="true"] {
cursor: pointer;
cursor: hand;
}


/* not relevant - styling only */
div {
height: 75px;
width: 200px;
margin-bottom: 10px;
background-color: firebrick;
color: #fff;
font-family: sans-serif;
text-align: center;
}
<div contenteditable="true">pointer</div>
<div contenteditable="false">default</div>

关于javascript - html contenteditable 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56130264/

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