[Vuejs]-When I import vuetify.js to my Vue project, text selection color is changed black

by

1👍

✅

Text selection color is controlled by the sudo class ::selection. Vuetify has two declarations in its main css file. 

::-moz-selection {
   background-color: #b3d4fc; /* Required when declaring ::selection */
   color: #000;
   text-shadow: none;
}
::selection {
   background-color: #b3d4fc; /* Required when declaring ::selection */
   color: #000;
   text-shadow: none;
}

You should set up a custom styles css or scss that has precedence over the the vuetify.css that overides these styles how you want.

Or rather than overriding the selection properties with other colors you can also simply unset them.

::selection {
   background-color: #b3d4fc; /* Required when declaring ::selection */
   color: unset;
   text-shadow: none;
}
👤skribe

Leave a comment