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

Question

I have this CSS:

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

& this HTML:

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

I wished a 25px border-radius on that focus , but it is not working. How to set border-radius on focus for the image inside an anchor tag?

Wished:

Get:

Thank you in advance:)

Answer 1

Solved by this, thank you Théo Benoit!

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