29 lines
509 B
HTML
29 lines
509 B
HTML
<!DOCTYPE HTML>
|
|
<html class="focus-within">
|
|
<head>
|
|
<style>
|
|
* {
|
|
border: none;
|
|
}
|
|
.focus-within {
|
|
border: 2px solid green;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="focus-within">
|
|
<div class="focus-within">
|
|
<input>
|
|
<input>
|
|
<input>
|
|
<input class="focus-within">
|
|
<input>
|
|
<input>
|
|
<input>
|
|
</div>
|
|
<script>
|
|
let midInput = document.getElementsByTagName("input")[3];
|
|
midInput.focus();
|
|
</script>
|
|
</body>
|
|
</html>
|