gpt4 book ai didi

css - 即使光标不在文本上,文本也会发光

转载 作者:太空宇宙 更新时间:2023-11-03 23:59:34 24 4
gpt4 key购买 nike

我已经编写了一些代码来使文本发光,但是文本不仅会在光标位于文本上方时发光,还会在光标位于文本延伸的水平区域上方时发光。为什么会发生这种情况,如何让它仅在光标位于文本上方时发光?

<!DOCTYPE html>
<html>
<head>
<title>tTEXT</title>
</head>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<body>
<style>
@font-face
{
font-family: ralewaythin;
src: url('Cantarell-Regular.ttf')
}
.backgroundimage
{
background-position: center;
}
.text-glow-hover-with-delay
{
color: black;
-webkit-transition: text-shadow 0.15s;
}

.text-glow-hover-with-delay:hover
{
text-shadow: 0 0 10px #4682b4;
}
.head
{
font-family: ralewaythin;
color: black;
font-size: 75px;
-webkit-text-stroke: 1px;
}
</style>
<div class="text-glow-hover-with-delay">
<div class="head">TEXT</div>
</div>
</body>
</html>

最佳答案

您的文字在 <div> 中, 默认情况下有 display:block .如果您希望该元素仅与单词一样大,请将其更改为 <span>或者给它display:inline-block .

关于css - 即使光标不在文本上,文本也会发光,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17326349/

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