Question

<div>
  <ul class="nav nav-tabs">
    <li [routerLink]="['JavaScript']" routerActiveLink="active">
      <a>JavaScript</a>
    </li>
    <li [routerLink]="['Java']" routerActiveLink="active">
      <a>Java</a></li>
    <li routerLink="DotNet" routerActiveLink="active">
      <a>DotNet</a>
    </li>
  </ul>
  <div>
    <router-outlet></router-outlet>
  </div> 
</div>

当用户将光标放在输入框中并触发：focus时，我想突出显示第一个div（对其应用样式）。

非工作示例：https://codepen.io/samkeddy/pen/vJaqqv

Answer 1

function highlight()
{
var div=document.getElementById("higlightDiv");
  div.style.color="red";
}

div{
  color:blue;
}

<div id="higlightDiv">highlight me</div><div><input type="text" onfocus="highlight();" /></div>

你可以用javascript我这样做

Answer 2

实际上以前的解决方案是绝对的但是如果你不想在这里使用javascript你可以用我做过的小css，如果这对你有所帮助，但是对你的问题采取一些小方法

input:focus + .head{
  color: red;
}

<input>
<div class="head">highlight me</div>

突出显示包含聚焦输入元素的div前面的div

2 个答案: