Safari tidak menyokong :focus-within pseudo-class
P粉561438407
P粉561438407 2023-09-14 13:30:52
0
1
638

rreeee

Selepas ditekan, warna hendaklah bertukar kepada merah. Berfungsi dalam Chrome dan Firefox, sentiasa menghadapi masalah dengan Safari (diuji pada versi 15.6.1).

Tetapi apa masalahnya?

P粉561438407
P粉561438407

membalas semua(1)
P粉141911244

Nampaknya :fokus-dalam tidak boleh digunakan pada butang dalam Safari. Tetapi ia berkesan:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    #my-li:focus-within > #my-button {
      color: red;
    }
  </style>
</head>
<body>
  <ul>
    <li id="my-li" tabindex="0">
      <button id="my-button">item2</button>
    </li>
  </ul>
</body>
</html>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan