v-suggest icon indicating copy to clipboard operation
v-suggest copied to clipboard

How to add class from css framework?

Open rzwibowo opened this issue 5 years ago • 4 comments

Result: input field doubled, in the back is styled input, and in the front is v-suggest styled input image

Expected: input field styled according to class applied from css framework (eg.: bootstrap with .form-control)

rzwibowo avatar Feb 12 '20 07:02 rzwibowo

Try to add class attribute directly.

<v-suggest :data="data" class="the class you want">
</v-suggest>

TerryZ avatar Feb 12 '20 07:02 TerryZ

Try to add class attribute directly.

<v-suggest :data="data" class="the class you want">
</v-suggest>

I've been playing around in your codepen example and the result is like the screenshot I attached on my first edited issue comment

rzwibowo avatar Feb 17 '20 13:02 rzwibowo

v-suggest dom elements structure like below: image

You have to write some css style to overwrite the original css content

/* the css(scss) content in your page */
div.v-suggest {
  input[type=text] {
    /* the css content you want to customize */
  }
}

TerryZ avatar Feb 18 '20 04:02 TerryZ

Yup, it's what I planned to try before. With your answer, now I know what specific selector I should overwrite. Thanks for your kind response!

rzwibowo avatar Feb 18 '20 12:02 rzwibowo