All geek questions in one place

Round corner of the text area of ​​a window in either javascript or css

can someone suggest me for a round area of ​​text fields of a round in either javascript or css

+3
source share
3 answers

The “classic” way to do this is to use a background image on a div around the text field and not setting the border / outline of the text area to none, for example:

<div style="background-image: url(image/with/rounded/corners.png);">
    <textarea style="border: none; outline: none;">
    </textarea>
</div>

CSS3 supports rounded corners, but this is poorly supported, see for example http://www.css3.info/preview/rounded-border/

EDIT: The answer was correct at the time, but border-radiusin IE is only supported from version 9.

+2
source

jQuery Corner. css3 , , , (IE).

+3

Rounded corners can be done with Rico: http://juixe.com/techknow/index.php/2006/08/10/rounded-corners-with-rico/ , a JS library in addition to the JQuery plugin mentioned in another message.

Or you can do rounded corners using AjaxControlToolkit RoundedCornersExtender: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/RoundedCorners/RoundedCorners.aspx

0
source

Source: https://habr.com/ru/post/1730375/

More articles:


All Articles