title: changing the style of radio button in vue js
body: <p>How to change the style of a radio button in vue.js that will merge the radio button and the label of the button together. I tried to change it according to this link <a href="https://codepen.io/masonfox/pen/rrNvGd" rel="nofollow noreferrer">Simple Radio Button Styling</a> but I am unable to change it. Below is the code </p>
  
  <pre><code>&lt;div id="product"&gt;
      &lt;h4&gt;{{$translate('options')}}&lt;/h4&gt;
          &lt;div v-for="(a,key,index) in attribute"&gt;
              &lt;h5&gt;{{a}}&lt;/h5&gt;
              &lt;v-radio-group small row v-model="selected[index]"&gt;
                  &lt;v-radio :label="v" :value="v" v-for="v in options['V'+(index+1)]" :key="v"&gt;&lt;/v-radio&gt;
              &lt;/v-radio-group&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I wanted to make it from this style of button</p>
  
  <p><a href="https://i.stack.imgur.com/Lwxq1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Lwxq1.png" alt="original format"></a></p>
  
  <p>to this type of style</p>
  
  <p><a href="https://i.stack.imgur.com/xfnJF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xfnJF.png" alt="expected outcome"></a></p>
  
  <p>I really hope there is a way to solve this problem and I wanted to learn from my mistakes as I am still learning vue js</p>