html - 锚标记内图像的焦点边界半径

Question

我有这个 CSS：

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

&这个HTML：

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

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

希望：

得到：

先感谢您 ：）

Answer 1

解决了这个问题，谢谢Théo Benoit！

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