В Vuetify можно переопределить стили компонентов, используя JavaScript-объекты с CSS-свойствами.
Чтобы удалить рамки у инпута и создать общую рамку для двух компонентов, можно воспользоваться следующими методами:
1. Добавить CSS-класс в поля props компонентов v-text-field и v-select:
```html
<v-text-field class="custom-input"></v-text-field>
<v-select class="custom-input"></v-select>
```
2. В файле стилей (например, App.vue или компонент, где используются поля) определить CSS-классы и переопределить стили:
```css
.custom-input .v-input__control .v-input__slot {
border: none; // Удаление рамки
border-radius: 4px; // Создание общей рамки
}
```
Проверьте, чтобы ваш файл со стилями был подключен в компоненте.
Относительно обнаружения стилей в инспекторе браузера: возможно, стили компонентов vuetify могут быть сложными или создаваться динамически, поэтому иногда сложно найти соответствующий CSS-класс в инспекторе браузера. В таких случаях может помочь поиск по тексту или использование специальных инструментов разработчика, таких как Vue DevTools.