Controlando el estilo de elipsis en CSS

Implemento la búsqueda en una aplicación web que se parece a la función “Buscar” del navegador. Quiero resaltar las cadenas buscadas en la página. La cadena de búsqueda a menudo es una subcadena de cadena más larga que se muestra con puntos suspensivos.

Quiero resaltar la cadena de búsqueda donde sea que aparezca, y si se encuentra en la parte del texto reemplazada por puntos suspensivos, entonces quiero resaltar la elipsis en sí misma.

¿Cómo puedo hacer eso?

Use los siguientes componentes para implementarlo:

  • Un overflow:hidden elemento contenedor overflow:hidden
  • Un overflow:auto elemento de contenido overflow:auto
  • Una position:absolute elemento de resaltado position:absolute
  • Un atributo de clase para obtener / establecer el estado

    Aquí hay algunos demos que comprenden los requisitos antes mencionados:

  • Case Sensitive Search Bookmarklet

  • Lo más destacado de CSS