Currently, I have vuetify 1.5.x set up on my codepen. Upon reviewing my codepen, I noticed that the line displayed on the autocomplete feature appears to be quite thick. My goal is to have that line be only 1px. For the select field (outline border), I intend to set it as border: 1px solid red
. In my attempts to achieve this, I inspected the element and wrote the following code:
.theme--light.v-select-list v-card {
border: 1px solid red;
}
Unfortunately, this code does not seem to work as intended. I then explored another approach using the following code:
.theme--light.v-select-field--outline > .v-input__control > .v-input__slot {
border: 1px solid red;
}
Similar to the previous attempt, this code also did not produce the desired outcome. I am now at a loss for what steps to take next. Any suggestions or guidance on what I should do in this situation would be greatly appreciated.