Радиус границы в фокусе для изображения внутри тега привязки

Question

У меня есть этот CSS:

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

& этот HTML:

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

Я хотел установить радиус границы 25 пикселей для этого фокуса, но это не работает. Как установить границы радиус на фокусе для изображения внутри якорного тега?

Пожелал:

Получить:

Заранее спасибо:)

Answer 1

Благодаря этому, спасибо Тео Бенуа!

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