在包含專注輸入元素的div前面突出顯示div

Question

<div>highlight me</div><div><input /></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>