I have a text field that gets highlighted in blue whenever it is selected and a button that is highlighted when it is clicked in my view. I do not want any such items to have that highlighting effect when they are selected. How do I achieve it using CSS?
.v-textfield:focus,
.v-button:focus {
outline: none;
}try that and report back. You might need to remove the :active styles as well.
No, it didn’t work. However, I reduced the thickness of the focus effect by adding the following line to my CSS.
$v-focus-style: 0 0 0 0px v-tint;