How to control height of edit-text widget?

[Mark S.]

When I create an edit-text widget with tags="textarea", rows=1, autoHeight="no", instead of doing nothing, the widget generates a style with height=400px.  Since this is a style, not a class, I have no hope of overwriting this behaviour with a class. And apparently the height even takes precedence over rows="1". 

What I want is a textarea box that looks like an input area, and doesn't expand vertically even if the input text is many lines long. I need it to be a textarea box because an input won't retain linefeeds.

Thanks!

[Saq Imtiaz]

I've struggled with this before. A few things that help IIRC:

set minHeight to 1em

Add a class that sets:

width: 100%;

resize: none;

white-space: nowrap;

overflow-x: scroll

I think that gets you close but not quite there.

[Saq Imtiaz]

Also setting the height via a class but with !important should override the inline styles.

Note sure how any of this will respond to line-breaks though.

[Mark S.]

The !important was ... important. I didn't realize it was possible to override styles set in the style attribute.

Thanks!