Re: [webcomponents] Styling of elements where attachShadow(...) not allowed (#376)

Yes, I'm using type extension.

By internal styling I meant element itself, nothing deeper than it is available from outside.

If you don't mind I'll give Polymer example:
```html
<dom-module id="cs-input-text">
    <template>
        <style>
            :host {
                border : 10px solid black;
                color  : red;
            }
            
            :host([disabled]) {
                color : blue;
            }
            
            :host([compact]) {
                width : auto;
            }
            
            :host([full-width]) {
                width : 100%;
            }
        </style>
        <shadow></shadow>
    </template>
    <script>
        Polymer({
            is      : 'cs-input-text',
            extends : 'input'
        });
    </script>
</dom-module>
<!-- usage -->
<input is="cs-input-text">
<input is="cs-input-text" disabled>
<input is="cs-input-text" disabled compact>
<input is="cs-input-text" full-width>
```

Shadow Root of `input[is=cs-input-text]` will contain UA's Shadow Root without any changes + `<style>` element to give element additional default styling. Other elements than `<style>` MUST be forbidden till future versions of spec which will define how it works.

---
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/376#issuecomment-179567764