html - 边界半径焦点用于图像内部 anchor 标签

Question

我有这个CSS:

.sky:focus {border-radius: 25px; border: #000 solid 1px; outline: none}

& 这个 HTML:

<a class='sky' href='#'><img src='cloud.jpg'></a>

我希望在该焦点上设置 25 像素的边框半径，但它不起作用。如何为 anchor 标记内的图像设置 焦点 的边框半径？

愿望:

获取:

提前谢谢你:)

Answer 1

解决了，谢谢 Théo Benoit!

.sky:focus {background-color:#fff; border-radius: 5px; border: #000 solid 1px; display: inline-block; padding:2px;}