Выделите только текст, с непрозрачностью на фоне

Question

У меня есть текст в моем заголовке, который может быть трудно увидеть в разных видовых экранах. Поэтому я хочу выделить это, как если бы вы выбрали его на веб-сайте (но черный с непрозрачностью вместо синего по умолчанию).

я в настоящее время стиль мой текст заголовка, как это:

header .header-content .header-content-inner h1 { 
margin-top: 0; 
margin-bottom: 0; 
text-transform: uppercase; 
font-weight: 700; 

(сайт: topsok [точка] NL).

Я пробовал разные вещи с <mark> и background: в моей таблице стилей, но я не смог добавить непрозрачность к выбору. Я бы хотел, чтобы он выглядел точно так же, как сейчас, когда вы вручную выбираете текст в заголовке.

Любая помощь будет оценена! Благодарю.

Answer 1

Что-то вроде этого?

h1 { 
    background: rgba(0,0,0,0.8); 
    display: initial; 
}