Как можно правильно добавить border-radius при клике на элемент и его выделении?

Чтобы добавить border-radius при клике на элемент, можно использовать псевдокласс `:active`. 

Пример CSS-стиля:
```css
.element {
  border-radius: 10px;
}

.element:active {
  border-radius: 20px;
}
```
Таким образом, при клике на элемент с классом `.element`, ему будет применяться радиус border-radius в 20px.

Чтобы убрать подсветку элементов при клике на мобильном устройстве, можно использовать медиа-запросы (`@media`) в сочетании с псевдоклассом `:active`.

Пример CSS-стиля:
```css
@media (hover: none) {
  .element:active {
    border-radius: 10px;
    outline: none;
  }
}
```
Здесь мы используем медиа-запрос `(hover: none)`, который применяется, когда устройство не поддерживает ховер (наведение). Внутри этого медиа-запроса мы применяем стили с `border-radius` и `outline: none` для псевдокласса `:active` к элементу с классом `.element`.

я так понимаю у вас кнопки типа: 
 
 <input type='button'> 
 
 тогда сделайте вот так: 
 
 вам необходимо задать кнопке стили закругление бордюра + цвет когда тык делаете 
 если у вас высота кнопки 40px, то для border-radius нужна половинка 20px и закругление будет плавным