JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio">
<input type="submit">
<input type="file">
<input type="text">
<input type="checkbox">

    <div class="usingJquery">
        <input type="radio">
        <input type="submit">
        <input type="file">
        <input type="text">
        <input type="checkbox">
    </div>

CSS

input {
    padding: 10px;
    margin: 10px;
}

/*will apply the only first one so border and background will be applied all input types exluding radio type*/
    input:not([type="radio"]) , input:not([type="submit"]){
        border:1px solid grey;
        background-color : green;
    }

    /*this will not work as you can not apply multiple in same parantheses as i think*/
    input:not([type="radio"][type="submit"]){
        border:1px solid green;
    }

    /*as i think for above code i tried using " , (comma)" seprator but it also didn't work*/
    input:not([type="radio"],[type="submit"]){
        border:1px solid aqua;
    }

    /*this will work as you can see */
    input:not([type="radio"]):not([type="submit"]){
        border:1px solid red;   
        background-color : yellow;
    }

JavaScript

$(document).ready(function(){
    
    //applied using jquery
    
   	$('.usingJquery input:not([type="radio"],[type="submit"])').css({
        'background-color' : 'cadetblue',
        'border' : 'dotted #7FFF00'
    });
})