Question

我有一个按钮组，该按钮组似乎是由vue设置的，具有主题灯光，并且在单击按钮之前，按钮的重量要轻得多。如何跳过浅色主题并保持css文件中定义的颜色？我希望按钮＃3399ff的颜色不变，即使它们没有被选中也是如此。

<v-flex xs12 md12 class="my-3" flat>
    <v-btn-toggle flat>
        <v-btn outline class="left primary groupSearchType">
            button 1
        </v-btn>
        <v-btn outline class="pa-0 primary groupSearchType">
            button 2
        </v-btn>
        <v-btn outline class="right groupSearchType">
            button 3
        </v-btn>
    </v-btn-toggle>
</v-flex>

关注css对我不起作用

   button.groupSearchType {
        border-color: #3399ff !important;
        height: 20px !important;
        font-size: 4px !important;   
        font-weight: bolder !important;
        font-style: normal !important;
        color: #3399ff !important;
    }

Answer 1

您是否尝试过删除每个outline标签处的v-btn属性？并在CSS中定义background-color: #3399ff !important;。而且，如果您愿意，还可以从每个primary标签中删除v-btn类。

<v-flex xs12 md12 class="my-3" flat>
  <v-btn-toggle flat>
      <v-btn class="left groupSearchType">
          button 1
      </v-btn>
      <v-btn class="pa-0 groupSearchType">
          button 2
      </v-btn>
      <v-btn class="right groupSearchType">
          button 3
      </v-btn>
  </v-btn-toggle>
</v-flex>

如何设置v-btn-toggle样式以跳过主题-浅

1 个答案: