---
description: shadow DOM for built-in elements, e.g. <input> ...
---

# show built-in shadow DOM

[JS](../..) ⟩ [debug](..) ⟩ [devtools]() ⟩ debugger ⟩ show built-in shadow DOM&#x20;

{% hint style="success" %}
enable in devtools “<mark style="color:yellow;">**Show user agent shadow DOM**</mark>” option to see the <mark style="color:yellow;">**built-in element**</mark>'s [**shadow DOM**](../../../component/shadow-dom).
{% endhint %}

{% tabs %}
{% tab title="🗺️ 圖表" %}
![](https://2527454625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfvEFZnSBhKT6fJmus0%2F-Mj2195KVnTBrGZODnLF%2F-Mj22Pay-WaW0Mh1QZ0y%2Fbuilt-in%20shadow%20DOM%20option.png?alt=media\&token=f4987b72-dd6b-44d4-8874-89b48a505d03)
{% endtab %}

{% tab title="📗 參考" %}
* [ ] JS.info ⟩ [built-in shadow DOM](https://javascript.info/shadow-dom#built-in-shadow-dom)&#x20;
{% endtab %}

{% tab title="✨ 範例" %}
* :floppy\_disk: [replit](https://replit.com/@pegasusroe/built-in-shadow-DOM#index.html)
{% endtab %}
{% endtabs %}
