Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

rounded corner textarea

Tags:

html

css

This is very general question.

I want to create a textarea with rounded corner with CSS. Please help me out.

like image 713
fawad Avatar asked Jun 29 '10 21:06

fawad


People also ask

How to make textview corner rounded in Android?

First of all, we need to create a drawable resource file, which has a proper definition to make TextView corners rounded, and then we have to add a background attribute to that special TextView object. Let’s do it in steps! Step 1: Create a new android studio project, and select an empty activity.

How to add rounded corners to textarea outline?

Style directly on the textarea, not a wrapping div. As you mentioned, outline can not have rounded corners. One option would be using a combination of border and box-shadow. Thanks for contributing an answer to Stack Overflow!

How to make a rounded corner on a form?

Form fields with rounded corners appears somewhat more modern and interesting, especially when displayed on mobile devices. The fact that this design feature is used frequently can already be seen on many Internet forms. You can easily configure the rounded corners with the CSS property border-radius.

How can I customize my textarea?

Textareas don't have to be boring. They can be enhanced with colors, shadows or rounded corners. With our textarea you can use different types of colors to customize your textarea.


1 Answers

Depending on what browser support you need, you could use CSS3's border-radius property.

textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
like image 190
okalex Avatar answered Oct 04 '22 21:10

okalex