vue-simple-suggest
vue-simple-suggest copied to clipboard
Anyway to change the default css behavior?
I'm new to CSS and I would like to disable width: 100%;
under the following css
.vue-simple-suggest.designed .input-wrapper input {
display: block;
width: 100%;
padding: 10px;
border: 1px solid #cde;
border-radius: 3px;
color: black;
background: white;
outline:none;
-webkit-transition: all .1s;
transition: all .1s;
-webkit-transition-delay: .05s;
transition-delay: .05s
}
And I am using vue-suggest
component.
Is there any easy way I can do that? Thanks!
Hello. There is a issue template you should use, some parts of which are important, such as:
How are you importing Vue-simple-suggest?
and
About your environment
Sorry for forgetting using the template. I am using a Linux environment and import by define import VueSuggest from 'vue-simple-suggest/lib'
in my_file.vue
Actually I think the following can overwrite the value to something I defined.
.vue-simple-suggest.designed .input-wrapper input {
display: block;
width: 500px !important;
padding: 10px;
border: 1px solid #cde;
border-radius: 3px;
color: black;
background: white;
outline:none;
-webkit-transition: all .1s;
transition: all .1s;
-webkit-transition-delay: .05s;
transition-delay: .05s
}