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?
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>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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>