New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Not able to override styling on tags #60
Comments
Overriding styles are possible, this is the code I used before. mind the variables. you need to change them.
|
With the help of someone else I figured out the problem. I didn't realize this about Vue, but the issue was the fact I was trying to override the styles in a scoped styling block. Once I moved this to a none scope styling block everything worked fine. |
Sorry I didn’t answer. I’m on vacations without my laptop. But I’m glad you could figure it out thanks to @mdaliyan. |
I got the credit, lol and @shightower, I prefer not to use styles in Best practices change over time. See how you feel about your code and how easy you work with it. |
Version of
Vue
I'm using?: 2.5.2Version of
vue-input-tag
I'm using?: 1.0.3codesandbox showing the issue: https://codesandbox.io/s/ly4rr9379
I'm unable to override the default stylings for the actual tags. the following snippet works but (as expected) it only effects the surround div.
.vue-input-tag-wrapper {
background-color: red !important;
}
the moment I try following, all the defined overrides are ignored. In my use case I'm trying to get the tags to be a different color and I'd like the edges to be rounded. I have the css to do this, but it doesn't seem to pick up any of my changes.
.vue-input-tag-wrapper .input-tag {
background-color: red !important;
color: white !important;
}
The text was updated successfully, but these errors were encountered: