how to make the textarea's width fixed but keep the height flexible CSS


Tags: html,css,textarea

Problem :

how to make the textarea's width fixed but keep the height flexible CSS

so e.g. keep the default width of the textarea generated by the browser and disallow stretching to the right, but keep the height stretchable?

<textarea class="test"></textarea>

.test {
width:
height:}


Solution :

You can do with resize property value set to vertical

Check the browser compatibility table: Can I use resize

.test {
  resize: vertical;
  width: 100px;
}
<textarea class="test"></textarea>


    CSS Howto..

    How to save css style after hover action

    How to tell if text is overflowing in a table cell in Firefox?

    How to make my right-box float right…?

    How can I apply my CSS stylesheet to an RSS feed

    How to make a sliding menu similar to the Facebook Mobile side menu with html,css,jquery?

    Angularjs: How to *retrieve* css property from element in directive?

    css: how to remove pseudo elements (after, before, …)

    How to add html and css in public function? [closed]

    How to vertically align both image and text in a DIV using CSS?

    How can i apply and/or remove a CSS class upon user selection on Radiobuttons with JQuery?

    How to position
    below rest of elements

    How to revert back to a value in css [closed]

    How to retrieve the background image url defined in CSS?

    How to add CSS for specific pages in RefineryCMS?

    How to detect if content have more then one line in Angular?

    How to arrange three flex div side by side

    HTML CSS, how to create a Side bar or column

    How to vertically and horizontally center two images inside a div on a responsive page

    How to add text with css without pseudo-element

    How to style a list within a menu?

    How do I keep parentheses of SASS / SCSS mixin?

    How to make a button CSS change only IF form fields are valid

    How to give all divs same amount of space on each side

    How to override position : absolute in css?

    How to change background [closed]

    How to align specific element to the right using :last-child pseudo

    How can I re-size Background Image to full Width of Window with CSS

    Can someone explain in detail how the clear works in this code?

    How to use a Video as text background in css

    Box-shadow is not showing or z-index