Попробуйте переключить отображение a
на block
, а затем используйте любой желаемый стиль. Элемент a
заполнит элемент li
, и вы сможете изменить его внешний вид по своему желанию. Не забудьте установить li
дополнение на 0.
li {
padding: 0;
overflow: hidden;
}
a {
display: block;
width: 100%;
color: ..., background: ..., border-radius: ..., etc...
}
a.active {
color: ..., background: ...
}