DEV Community

Code Better #Sofast
Code Better #Sofast

Posted on

Edit, priority element style in Vue JS, use third package.

Top comments (1)

Collapse
 
vominhhuy profile image
Code Better #Sofast

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&#39;t handle it. And with <style lang="stylus"> it will affect to other input, because not scoped&#39;s global style.<br> Solution<br> we will set class to v-text-field, example: v-text-field(v-model=&quot;&quot;, class=&quot;<em>input</em>_text&quot;)<br> Now, we can set style for it with global style.</p> <style lang="stylus"> _input__text div input background-color: red;

Thanks!