我知道对于盒子周围的蓝色发光,我们只需要将下面的代码应用到我们的 CSS 中:

.glowing-border {
border: 2px solid #dadada;
border-radius: 7px;
}
.glowing-border:focus {
outline: none;
border-color: #9ecaed;
box-shadow: 0 0 10px #9ecaed;
}
Run Code Online (Sandbox Code Playgroud)
现在我想将我的输入框提升到一个新的水平。

我希望它看起来像这样 - 而不是蓝色光芒。我想要一个漂亮的彩虹渐变效果。
是否有任何 CSS 专家认为这对我来说是可行的?
不必是 CSS,如果有人对如何以不同的方式完成这项工作有任何建议 - 请发表评论或回答。