caret-color

main Ver versión oficial en línea Licencia MITDescargado el 2026-09-15 Bundle .md (1.3 MB) ↓

En esta página

Examples#
Basic example#
Using a custom value#
Responsive design#
Customizing your theme#

Clase	Propiedades CSS
`caret-inherit`	`caret-color: inherit;`
`caret-current`	`caret-color: currentColor;`
`caret-transparent`	`caret-color: transparent;`
`caret-<custom-property>`	`caret-color: var(<custom-property>);`
`caret-[<value>]`	`caret-color: <value>;`

Examples#

Basic example#

Use utilities like caret-rose-500 and caret-lime-600 to change the color of the text input cursor:

{

</div>
  }</p>
<div class="codehilite"><pre><span></span><code><span class="cm"></span>
<span class="p"><</span><span class="nt">textarea</span> <span class="na">class</span><span class="o">=</span><span class="s">"caret-pink-500 ..."</span><span class="p">></</span><span class="nt">textarea</span><span class="p">></span>
</code></pre></div>

<h3 id="using-a-custom-value">Using a custom value<a class="headerlink" href="#using-a-custom-value" title="Permanent link">#</a></h3>
<h3 id="responsive-design">Responsive design<a class="headerlink" href="#responsive-design" title="Permanent link">#</a></h3>
<h2 id="customizing-your-theme">Customizing your theme<a class="headerlink" href="#customizing-your-theme" title="Permanent link">#</a></h2>
      </div>
    </article>

<nav class="pager" aria-label="Navegación entre documentos">
        <a class="pager-prev" href="./caption-side.html">
          <span class="muted">Anterior</span>caption-side
        </a>
        <a class="pager-next" href="./clear.html">
          <span class="muted">Siguiente</span>clear
        </a>
    </nav>
  </main>
</div>

<footer class="site-footer">
  <p>
    Espejo <strong>no oficial</strong> e independiente de documentación técnica.
    La referencia canónica siempre es el sitio oficial de cada tecnología.
  </p>
  <p class="muted">
    Desarrollado y gestionado por <a href="https://raupulus.dev" target="_blank" rel="noopener">Raúl Caro Pastorino</a> ·
    Cada tecnología conserva el copyright y la licencia de su autor original
  </p>
  <p class="muted">
    <a href="../licenses.html">Licencias y Atribución</a> ·
    <a href="../legal.html">Aviso Legal y Privacidad</a> ·
    <a href="https://gitlab.com/raupulus/offline-docs-backend-developer" target="_blank" rel="noopener">GitLab</a> ·
    <a href="https://github.com/raupulus/offline-docs-backend-developer" target="_blank" rel="noopener">GitHub</a> ·
    Descargar ZIP:
    <a href="https://gitlab.com/raupulus/offline-docs-backend-developer/-/archive/main/offline-docs-backend-developer-main.zip" target="_blank" rel="noopener">GitLab</a> ·
    <a href="https://github.com/raupulus/offline-docs-backend-developer/archive/refs/heads/main.zip" target="_blank" rel="noopener">GitHub</a> ·
    <a href="../feed.xml">RSS</a>
  </p>
</footer>