Question

Is there a simple way to prevent using a style when the class is ‘chatInput’.
Example HTML:

<input type="button" value="hello" class="chatInput"/>

And CSS something like:

input[type=button&class!=chatInput], input[type=submit&class!=chatInput]{
    border: 1px solid grey;
    padding: 2px 10px 2px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

Thanks

Answer 1

You can use the :not selector:

input[type=button]:not(.chatInput), input[type=submit]:not(.chatInput)
    border: 1px solid grey;
    padding: 2px 10px 2px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}