Meta tags:
description=Usa la pseudo-clase CSS :enabled para seleccionar y dar estilo a los elementos habilitados. Lee sobre la pseudo-clase y practica con ejemplos.;

Headings (most frequently used words):

enabled, pseudo, qué, con, ejemplo, del, selector, css, clase, elementos, pueden, estar, habilitados, por, usarlo, aspectos, tener, en, cuenta, versión, sintaxis, compatibilidad, navegadores, clases, relacionadas, práctica, la, etiqueta, option,

Text of the page (most frequently used words):
border (35), css (32), #enabled (28), text (26), que (21), los (20), color (20), font (20), disabled (19), style (18), grid (18), con (16), background (16), html (15), aprender (15), option (15), width (14), column (13), input (12), pseudo (11), elementos (11), type (11), bottom (10), break (10), top (9), right (9), left (9), image (9), animation (9), por (8), clase (8), coincide (8), value (8), position (8), stroke (8), todos (7), controles (7), padding (7), margin (7), overflow (7), decoration (7), offset (7), flex (7), qué (6), habilitados (6), page (6), first (6), child (6), puede (6), title (6), ejemplo (6), label (6), last (6), align (6), variant (6), w3docs (5), navegadores (5), pueden (5), elemento (5), habilitado (5), del (5), only (5), select (5), name (5), transition (5), line (5), outline (5), radius (5), formatter (5), para (4), generator (4), práctica (4), javascript (4), sintaxis (4), estilo (4), formulario (4), read (4), body (4), selector (4), head (4), solo (4), mode (4), transform (4), fill (4), size (4), height (4), list (4), template (4), row (4), gap (4), rule (4), nth (4), json (3), code (3), encoder (3), editor (3), cuestionarios (3), ejercicios (3), php (3), ejemplos (3), clases (3), cuenta (3), estar (3), empty (3), aplica (3), cuando (3), cursor (3), sobre (3), selecciona (3), deshabilitados (3), hace (3), tiene (3), usuario (3), copiar (3), country (3), for (3), atributo (3), fieldset (3), word (3), wrap (3), spacing (3), range (3), origin (3), justify (3), items (3), before (3), after (3), max (3), letter (3), content (3), columns (3), auto (3), direction (3), clip (3), box (3), ver (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), beautifier (2), diff (2), password (2), herramientas (2), python (2), java (2), git (2), libros (2), fragmentos (2), relacionadas (2), compatibilidad (2), versión (2), aspectos (2), tener (2), usarlo (2), this (2), especial (2), pasa (2), control (2), actualmente (2), focus (2), required (2), checked (2), estos (2), colores (2), entre (2), pruébalo (2), mismo (2), berlin (2), rome (2), moscow (2), london (2), paris (2), example (2), the (2), document (2), doctype (2), código (2), form (2), lastname (2), ccc (2), selectors (2), usa (2), dar (2), lectura (2), forma (2), predeterminada (2), ellos (2), estado (2), utilizables (2), nunca (2), interactivos (2), ser (2), visibility (2), unicode (2), timing (2), function (2), duration (2), delay (2), shadow (2), rendering (2), skip (2), perspective (2), inside (2), anchor (2), path (2), object (2), blend (2), min (2), rows (2), start (2), end (2), flow (2), feature (2), display (2), counter (2), count (2), repeat (2), hash (2), 2026, derechos, reservados, hecho, desarrolladores, idioma, política, privacidad, contacto, acerca, empresa, try, tutoriales, gratuitos, web, desde, 2014, next, previous, yes, was, helpful, comprobar, foco, teclado, deben, rellenarse, casillas, verificación, botones, radio, opciones, seleccionadas, editar, nota, siguen, siendo, opuesto, usar, compatible, modernos, incluyendo, chrome, firefox, safari, edge, ten, limitan, cuánto, volver, estilizar, sus, renderizado, exacto, varía, sistemas, operativos, aaa, f0f0f0, 064, d4f7d4, otro, etiqueta, high, street, smith, john, action, eee, solid, declarations, level, html5, living, standard, sigue, estando, readonly, deshabilitado, deshabilitar, deshabilita, contiene, esos, secundarios, dejan, coincidir, incluso, sin, propio, cascada, como, están, menos, añadas, explícitamente, establecer, mediante, cambia, element, true, predeterminado, apariencia, activa, rara, vez, necesitas, resulta, útil, quieres, contraste, visual, claro, resaltar, campos, rellenar, mientras, oscurece, combinar, ambas, interactividad, sea, evidente, vistazo, enlace, este, sentido, coincidirá, aunque, sean, div, optgroup, textarea, tipos, button, apunta, realmente, son, está, tipo, admite, establecido, esta, página, cubre, cuándo, afecta, errores, comunes, dos, prácticos, cualquier, esté, decir, activado, hacer, clic, escribir, enfocar, recibir, entrada, complemento, directo, seleccionar, lee, practica, zoom, index, writing, will, change, widows, white, space, vertical, user, bidi, property, underline, orientation, indent, ink, combine, upright, table, layout, tab, linecap, dashoffset, dasharray, speak, shape, outside, scrollbar, scroll, behavior, resize, quotes, pointer, events, place, orphans, order, opacity, rotate, distance, fit, mix, media, lines, clamp, keyframes, isolation, initial, import, hyphens, hanging, punctuation, areas, area, weight, numeric, ligatures, east, asian, caps, alternates, stretch, language, override, adjust, kerning, values, settings, family, face, float, shrink, grow, basis, filter, cells, reset, increment, span, clear, charset, caret, caption, side, sizing, source, slice, outset, collapse, block, bleed, attachment, backface, appearance, play, state, iteration, self, all, properties, visited, valid, target, selection, scope, root, write, placeholder, out, optional, not, link, lang, invalid, indeterminate, hover, fullscreen, dir, default, active, selectores, propiedades, css3, guía, flexbox, guides, gradientes, nombres, tablas, links, texto, class, uso, introducción, basic, iniciar, sesión, buscar, formatters, url, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos,

Text of the page (random words):
css enabled pseudo clase w3docs w3docs libros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos cuestionarios ejercicios fragmentos herramientas general tools html editor password generator html encoder code diff json beautifier ver los 13 color tools color picker color converter color mixer color hex colors hsl ver los 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder ver los 19 code formatters javascript formatter css formatter html formatter json formatter php formatter buscar en w3docs k es english en deutsch de русский ru français fr español es português pt italiano it iniciar sesión aprender css css basic introducción a css uso de css sintaxis css css id y class texto en css css font css links tablas css css border css padding css margin nombres de colores css gradientes css css guides guía de flexbox propiedades de css3 css selectors selectores css active after before checked default dir disabled empty enabled first child first letter first line first of type focus fullscreen hover in range indeterminate invalid lang last child last of type link not nth child nth last child nth last of type nth of type only child only of type optional out of range placeholder read only read write required root scope selection target valid visited css properties align content align items all animation align self animation delay animation direction animation duration animation fill mode animation iteration count animation name animation play state animation timing function appearance backface visibility background background attachment background blend mode background clip background color background image background origin background position background position x background position y background repeat background size bleed block overflow border border bottom border bottom color border bottom left radius border bottom right radius border bottom style border bottom width border collapse border color border image border image outset border image repeat border image slice border image source border image width border left border left color border left style border left width border radius border right border right color border right style border right width border spacing border style border top border top color border top left radius border top right radius border top style border top width border width bottom box decoration break box shadow box sizing break after break before break inside caption side caret color charset clear clip clip path color columns column count column fill column gap column rule column rule color column rule style column rule width column span column width content counter increment counter reset cursor direction display empty cells fill filter flex flex basis flex direction flex flow flex grow flex shrink flex wrap float font font face font display font family font feature settings font feature values font kerning font size font size adjust font language override font stretch font style font variant font variant alternates font variant caps font variant east asian font variant ligatures font variant numeric font weight grid grid area grid auto columns grid auto flow grid auto rows grid column grid column end grid column gap grid column start grid gap grid row grid row end grid row gap grid row start grid template grid template areas grid template columns grid template rows hanging punctuation height hyphens image rendering import initial letter isolation justify content justify items keyframes left letter spacing line break line clamp line height list style list style image list style position list style type margin margin bottom margin left margin right margin top max height max lines max width media min height min width mix blend mode object fit object position offset offset anchor offset distance offset path offset position offset rotate opacity order orphans outline outline color outline offset outline style outline width overflow overflow anchor overflow wrap overflow x overflow y padding padding bottom padding left padding right padding top page break page break after page break before page break inside perspective perspective origin place items pointer events position quotes resize right scroll behavior scrollbar shape outside speak stroke stroke dasharray stroke dashoffset stroke linecap stroke width tab size table layout text align text align last text combine upright text decoration text decoration color text decoration line text decoration skip text decoration skip ink text decoration style text fill color text indent text justify text orientation text overflow text rendering text shadow text stroke text stroke color text stroke width text transform text underline position top transform transform origin transform style transition transition delay transition duration transition property transition timing function unicode bidi unicode range user select vertical align visibility white space widows width will change word break word spacing word wrap writing mode z index zoom css enabled pseudo clase usa la pseudo clase css enabled para seleccionar y dar estilo a los elementos habilitados lee sobre la pseudo clase y practica con ejemplos la pseudo clase css enabled coincide con cualquier elemento de formulario que esté actualmente habilitado es decir que puede ser activado hacer clic escribir o enfocar y puede recibir la entrada del usuario es el complemento directo de disabled un elemento está habilitado cuando es del tipo que admite un estado disabled y no tiene el atributo disabled establecido esta página cubre cuándo se aplica enabled los elementos a los que afecta los errores comunes y dos ejemplos prácticos qué elementos pueden estar habilitados enabled solo apunta a elementos que realmente pueden ser deshabilitados estos son los controles de formulario interactivos button input todos los tipos select textarea option optgroup fieldset un div p o un enlace nunca pueden estar habilitados o deshabilitados en este sentido por lo que enabled nunca coincidirá con ellos aunque sean interactivos por qué usarlo de forma predeterminada un control habilitado ya tiene apariencia activa por lo que rara vez necesitas enabled por sí solo resulta útil cuando quieres un contraste visual claro entre controles utilizables y no utilizables por ejemplo resaltar los campos que el usuario puede rellenar mientras que disabled oscurece los que no puede combinar ambas pseudo clases hace que la interactividad de un formulario sea evidente de un vistazo aspectos a tener en cuenta estado predeterminado como los controles están habilitados de forma predeterminada enabled coincide con ellos a menos que añadas explícitamente el atributo disabled establecer disabled en html o mediante javascript element disabled true cambia un elemento de enabled a disabled fieldset disabled en cascada deshabilitar un fieldset deshabilita todos los controles que contiene por lo que esos elementos secundarios dejan de coincidir con enabled incluso sin su propio atributo disabled solo lectura no es deshabilitado un input readonly sigue estando habilitado coincide con enabled no con disabled usa read only para dar estilo a elementos de solo lectura versión html living standard html5 selectors level 4 sintaxis ejemplo de sintaxis css enabled enabled css declarations copiar ejemplo del selector enabled ejemplo de código css enabled doctype html html head title title of the document title style input border 1 px solid ccc margin bottom 10 px padding 2 px 5 px input type text enabled background eee input type text disabled background ccc style head body h2 enabled selector example h2 form action label for name first name label input type text value john id name br label for lastname last name label input type text value smith id lastname br label for country country label input type text disabled disabled value 10 high street id country form body html copiar pruébalo tú mismo ejemplo del selector enabled con la etiqueta option otro ejemplo de código css enabled doctype html html head title title of the document title style option enabled background d4f7d4 color 064 option disabled background f0f0f0 color aaa style head body h2 enabled selector example h2 select option value paris paris option option value london disabled london option option value moscow moscow option option value rome disabled rome option option value berlin berlin option select body html copiar pruébalo tú mismo ten en cuenta que los navegadores limitan cuánto se puede volver a estilizar un select y sus elementos option por lo que el renderizado exacto de estos colores varía entre navegadores y sistemas operativos compatibilidad con navegadores la pseudo clase enabled es compatible con todos los navegadores modernos incluyendo chrome firefox safari y edge pseudo clases relacionadas disabled el opuesto de enabled coincide con controles que no se pueden usar read only coincide con controles que el usuario no puede editar nota siguen siendo enabled checked coincide con casillas de verificación botones de radio y opciones seleccionadas required coincide con controles de formulario que deben rellenarse focus coincide con el control que actualmente tiene el foco del teclado práctica práctica qué hace la pseudo clase enabled en css qué hace la pseudo clase enabled en css selecciona todos los elementos input deshabilitados selecciona todos los elementos input habilitados selecciona todos los elementos input sobre los que se pasa el cursor aplica un estilo especial a un elemento cuando se pasa el cursor sobre él aplica un estilo especial a un elemento input habilitado comprobar was this page helpful yes no previous empty next first child on this page qué elementos pueden estar habilitados por qué usarlo aspectos a tener en cuenta versión sintaxis compatibilidad con navegadores pseudo clases relacionadas práctica w3docs tutoriales ejemplos ejercicios fragmentos y cuestionarios gratuitos para la web desde 2014 libros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python práctica ejercicios cuestionarios editor try it herramientas html editor password generator html encoder code diff json beautifier empresa acerca de contacto política de privacidad idioma english deutsch русский français español português italiano 2026 w3docs todos los derechos reservados hecho para desarrolladores