style: fix required '*' for select color and radio

Author: kevinkosterr

src/FormGroup.vue

@@ -62,7 +62,7 @@ const shouldHaveLabel = computed(() => {
 </template>
 
 <style>
-.form-group:has(input[required]) label::after {
+.form-group:has(input[required],select[required]) label:first-child::after {
   content: "*";
   font-size: .9em;
   color: red;

src/fields/input/FieldColor.vue

@@ -4,6 +4,7 @@
     :id="id"
     :name="field.name"
     @change="onFieldValueChanged"
+    :required="isRequired"
   />
 </template>
 

src/fields/input/FieldRadio.vue

@@ -7,6 +7,7 @@
             :name="field.name"
             :value="option.value"
             @change="onFieldValueChanged"
+            :required="isRequired"
         />
       <label :for="getFieldId(option.name)"> {{ option.name }} </label>
       </div>