Domyślnie zaznaczony tekst w divie

Question

Jak zrobić, by tekst w divie lub polu tekstowym był domyślnie (gdy wchodzę na stronę) zaznaczony?

Answer 1

Witam. Zobacz znacznik html5

<mark>tekst zaznaczony domyślnie na żółto ale można użyć styli</mark>

 

Comments

Ok, zapomniałem dodać, że chcę to użyć w klasie dla wielu elementów.

---

<mark class="kolor">tekst zaznaczony jako klasa</mark>
<mark><p>tekst zaznaczony domyślnie</p></mark>

mark{
 background-color: transparent;
}
.kolor{
  background-color: red;
}

 

---

Można również użyć background-color dla tekstu zamkniętego w dowolnym znaczniku np:span

---

Miałem na myśli właściwość w css, którą można wpisać do klasy, i która będzie działała jak znacznik.

A poza tym zaznaczony/wybrany tekst to np. jak klikniesz na adres w przeglądarce wtedy jest cały zaznaczony. (nie chodziło mi o zmianę tła tekstu)

---

Nie bardzo rozumiem. Chyba, ze chodzi Ci po prostu o właściwość color: ...;

W css za kliknięcie odpowiada :target

<a href="#tekst"><div id="tekst">jakis tekst</div></a>

body{
  background-color: black;
}
a{
  text-decoration: none;
  color: green;
}
:target{
  color: white;
}

 

---

Być może chodzi Ci o właściwość css: user-select

---

Chodzi mi to, żeby w polu tekstowym tekst był zaznaczony tak jakbyś przytrzymał lpm i przeciągnął. Dzięki temu np. po wejściu na stronę, bez klikania czegokolwiek wciskasz backspace i tekst się usuwa.
Na stronie, którą chcę zmodyfikować div pełni funkcję pola tekstowego.

---

contenteditable ,user-select, jquery triggle()

---

No w końcu mi się udało coś samemu wykombinować, ale działa tylko dla input text.

<input type="text" value="Hello World" autofocus="autofocus" onFocus="this.select();">
wklej kod i sprawdź.

Działa idealnie, problem w tym, że w divie te właściwości nie działają.

Tak wygląda div bez modyfikacji:
<div id="transEditor" class="gtc-rich-inputarea editable gtc-trans-inline-text" g_editable="true" role="textbox" contenteditable="true" dir="ltr" style="direction: ltr;"><div>TEKST, KTÓRY MA BYĆ SELECTED</div></div>

Z pomocą jakiegoś rozszerzenia do chrome np. Custom JavaScript for websites chcę zmodyfikować kod źródłowy tak aby div o id="transEditor" zawsze gdy wchodzę na stronę posiadał te właściwości (żeby kod się nie resetował), ale na divy chyba nie działa funkcja this.select();, więc lipa.