LINUX.ORG.RU

Прошу помочь со стилизацией активных элементов веб-страниц в firefox

 ,


0

1

Здравствуйте.

Использую firefox, хочу приглушённую циановую рамочку вокруг текущего/фокусного/активного элемента веб страницы. Мучаю userContent.css:

@-moz-document regexp(".*") {
-------------------------- 
	*:focus-visible,
	::-moz-focus-inner,
	a:active,
	a:focus-visible,
	button:active, 
	input:active, 
	select:active,
	textarea:active,
	button:focus-visible, 
	input:focus-visible, 
	select:focus-visible,
	textarea:focus-visible {	
		outline: 1px solid #008888ff !important;
	}
-------------------------- 
}

Всё получилось почти так как я хочу, за исключеньем пустяка: когда я нажимаю на элемент мышью, он приобретает нужный мне вид, но когда я палец отпускаю - эффект пропадает. А мне не надо, чтоб пропадал.

Причём, когда я до этого элемента добираюсь клавиатурным tab'om и активирую его Enter'ом - всё происходит так, как я хочу, рамка не слетает.

Истерзал гугль, вбивал кучу вариантов - воз и ныне там. Помогите, чем можете.

Спасибо за внимание.

Апдейт: ЛОР-эффект. :focus- то я и не приметил. Спасибо, тема решена.

★★★★★

Последнее исправление: piyavking (всего исправлений: 1)

Надо было в вебдев постить.

Сам я не фронтэндщик, но юзерстили иногда ковыряю. Я бы вот сюда сначала посмотрел:

https://www.w3schools.com/cssref/sel_active.php

Tip: Use the :link selector to style links to unvisited pages, the :visited selector to style links to visited pages, and the :hover selector to style links when you mouse over them.

Bfgeshka ★★★★★
()
Ответ на: комментарий от Bfgeshka

Я тоже не фронтендщик, я браузер себе настраиваю, и я не буду туда смотреть. Я туда уже смотрел. Я не только туда смотрел. И я насмотрелся.

Мне не помогло оттуда ничего - да, когда я нажимаю, всё шикарно. Но мне надо, чтоб шикарно оставалось и когда я отпустил мышку. И «links to visited/unvisited pages» - это ссылки на посещённые/непосещённые ресурсы и к моей теме никаким боком не относится, увы(

piyavking ★★★★★
() автор топика
Последнее исправление: piyavking (всего исправлений: 3)