Anyway to change the default css behavior?

[binfeng]

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!

[kaskar2008]

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

[binfeng]

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
  }