Как мне избавиться от границы, когда я не зависаю на ней?

---

Дорогие люди,

Я хотел бы объясниться как можно лучше. Я сделал функцию автозаполнения, где как только я наберу точку, вы увидите все доменные имена, такие как ".nl,. com, . org и т. д." Это работает, но каждый домен имеет границу вокруг него, как только я наведу на него курсор мыши, поэтому я сделал Border: none; и это работает, но как только мой указатель мыши покидает раздел scrolbar, где находятся все домены, граница появляется на секунду на том, который я коснулся последним, так что только когда я покидаю раздел scrollbar, я изменил все классы в none border, но это не работает, что мне делать?

.ui-menu-item-wrapper {
    height: 30px;
	font-size:15px;
	width: auto;
	border: none;
}

.ui-menu-item-wrapper:hover {
    font-weight: bold;
	border:none;
	height: 30px;
	width: auto;
}

#ui-id-1 {
	overflow: auto;
	height: 170px;
	width: 200px;
	border: none;
}

Что я уже пробовал:

граница: нет; несколько раз.
Я использовал его в каждом классе, который там был.

---