¿Hay un acceso directo para alternar "display: none / block" en el estilo del elemento en Chrome DevTools?

0

En Chrome DevTools hay un acceso directo para mostrar / ocultar un elemento:

ingrese la descripción de la imagen aquí

Chrome agrega __web-inspector-hide-shortcut__clase al elemento, pero no es más que visibility: hidden:

ingrese la descripción de la imagen aquí

¿Hay un atajo similar para cambiar el display: none/blockestilo del elemento ? ¿Entonces al hacer clic agrega style='display: none;'atributo y lo alterna none/block?

ingrese la descripción de la imagen aquí

Verde
fuente

Respuestas:

0

Tengo una hoja de estilo de depuración, con una regla solo para esta situación:

  .dn, .dn * {display:none !IMPORTANT}

Luego, usando su ejemplo, haga doble clic class="answer-summary"y agregue dna la lista de clases para que tengaclass="answer-summary dn"

Tom Robinson
fuente