You can set the value to none, both, horizontal, or vertical. also generate hover and focus variants: It … Another example is where the same size text field required is the Review and Comment section. You could argue it makes sence to either add textarea{ resize: none; } to your css, or add something that turns the feature off when the user uses the manual resize of pulling the corner of the textarea. Textarea will not submit (and is invalid) if it is empty, using the required attribute. textarea { resize: none; } Example Is there a setting in about:config or an add-on to disable this for some/all websites? This is the initial value for most elements. share | follow | I want the textarea to be not resizable, but I already tried all the possibilities: putting a class, id, or name in the textarea then setting its CSS to resize: none, but it still won't work. #foo { resize: none; } Note that this is only relevant for WebKit-based browsers (i.e., Safari and Chrome), which add the resize handle to TextArea controls. textarea resize: none is not working. Maybe your script could be only to resize bigger, and not smaller? those within, and outside the bounds set by minlength, maxlength, or required) can be highlighted using the :valid and :invalid pseudo-classes. You can control which variants are generated for the resizing utilities by modifying the resize property in the variants section of your tailwind.config.js file.. For example, this config will . Removing the default resizeability of a