Пример:
Slice
В светлой теме браузера:
это курсор, он мигает. Как его убрать
.nav-dots {
text-align: center;
position: absolute;
bottom: -40px;
height: calc(16px + 2*5px);
width: 100%;
display: none; }
.nav-dots span {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
margin: 5px;
background-color: rgba(100, 100, 100, .8);
opacity: 0.5;
&:hover {opacity: 1.0; }
cursor: pointer;
box-shadow: 3px 3px 5px rgba(10, 10, 10, 1.0),
inset 2px 2px 4px rgba(10, 10, 10, 1.0); }
.nav-dots span.nav-dot-current {
background-color: rgba(220, 220, 220, 1.0);
box-shadow: 3px 3px 5px rgba(20, 20, 20, 1.0),
inset 2px 2px 4px rgba(20, 20, 20, 1.0); }
<div id="nav-dots" class="nav-dots">
<span class="nav-dot-current"></span>
</div>
курсор ставится в class="nav-dot-current"> , он текущий стиль. Остальные просто
span{ border-radius: 50%;
cursor: pointer; }
с круглой границей. pointer нужен.
В стилях ничего полезного нет. Можно не смореть.
Как убрать мигающий курсор?