Question 238213 in Html Question posted in
Some basic documentation can be found here.

Html – How can I remove the border from input color list button?

Here is my code:

<input list type="color" v-model="selectedColor" @input="updateHexValue" class="">

And this is how it displays:

enter image description here

I just want the color and I do not want a border around the input button. I am currently using tailwind as well and trying to implement styling on it doesn’t do anything.

Tags:

2

Answers


  1. 0

    I have tried to apply css to your input, maybe this can help you,

    <input list type="color" v-model="selectedColor" @input="updateHexValue" class="custom-color-input">

    and here is the css,

    .custom-color-input {
  border: none;
  background-color: transparent;
  /* Add any other styles you want */
}
    Login or Signup to reply.
  2. 0

    If you are using Tailwind you can border-none class

    <input class="border-none" list type="color" v-model="selectedColor" @input="updateHexValue" type="text">
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search