We have a vue js page, template and style tag. Example
v-text-field(v-model="")
And we want to customize input in (v-text-field)
View render in HTML thepracticaldev.s3.amazonaws.com/i...
with we can't handle it. And with <style lang="stylus"> it will affect to other input, because not scoped's global style.<br>
Solution<br>
we will set class to v-text-field, example: v-text-field(v-model="", class="<em>input</em>_text")<br>
Now, we can set style for it with global style.</p>
<style lang="stylus">
_input__text
div
input
background-color: red;
Thanks!
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (1)
We have a vue js page, template and style tag. Example
v-text-field(v-model="")
And we want to customize input in (v-text-field)
View render in HTML
thepracticaldev.s3.amazonaws.com/i...
with we can't handle it. And with <style lang="stylus"> it will affect to other input, because not scoped's global style.<br> Solution<br> we will set class to v-text-field, example: v-text-field(v-model="", class="<em>input</em>_text")<br> Now, we can set style for it with global style.</p> <style lang="stylus"> _input__text div input background-color: red;
Thanks!