焦点和一个元素应该反映到CSS中的另一个元素

Focusing and one element should reflect to another element in CSS

本文关键字：元素 CSS 另一个 一个 焦点      更新时间：2024-05-18

我正在使用CSS样式。

来谈谈我的案子。如果我关注输入元素，那么完全在该div（包含输入元素）之外的div的边界应该更改边界颜色。为此，我浏览了一些片段。但它不能正常工作。我能得到确切的片段或提示吗？而不使用JavaScript或jQuery。

input[type=email]:focus +  div.emailicon,
{
    border-color: #e86740;
    box-shadow: none;
    outline: none;
}

请删除逗号,。这将把border应用到以输入为中心的div旁边。

input[type=email]:focus +  div.emailicon
{
    border-color: #e86740;
    box-shadow: none;
    outline: none;
}

试试这个怎么样？

div.emailicon { 
     border: 3px solid; 
}
input[type=email]:focus +  div.emailicon
{
    border-color: #e86740;
    box-shadow: none;
    outline: none;
}

这是js小提琴，你可以看看。

编辑：当我意识到我犯了一个愚蠢的错误时，我把，改回了+，现在它应该可以很好地工作，这意味着你的初始代码工作得很好。为我愚蠢的错误道歉。

相关文章：