I think you can't rounded a input element with this plugin. U can put the
input inside a div element, round the div and set border=0 to your input. So
the user think the input is rounded, but actualy is the div outside.
On Wed, Aug 26, 2009 at 02:40, Noel Weichbrodt <noel.eli...@gmail.com>wrote:
>
> I must have missed a bit of information, because I cannot get the
> jquery.corner plugin to work with <input> html elements. The following
> renders a rounded div but not a rounded input element in FF3, IE7,
> IE8, and in fact causes the input box border to disappear completely.
>
> <html>
> <head>
> <script language="javascript" type="text/javascript" src="../Scripts/
> jquery-1.2.6.js"></script>
> <script language="javascript" type="text/javascript" src="../Scripts/
> jquery.corner.js"></script>
> </head>
> <body>
> <script type="text/javascript" language=javascript>
> $(document).ready(function() {
> $('div.round').corner();
> $('input.round').corner();
> });
> </script>
> <div class="round" style="background-color:#bbb;">
> <p>lorem ipsum dolor sit amet.</p>
> </div>
> <br />
> <input id="Text1" value="lorem ipsum dolor sit" type="text"
> class="round" />
> </body>
> </html>
>
> In IE7/8, a javascript error message is logged:
>
> =======
> Webpage error details
> User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/
> 4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR
> 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR
> 1.1.4322)
> Timestamp: Wed, 26 Aug 2009 05:40:52 UTC
> Message: Unexpected call to method or property access.
> Line: 131
> Char: 17
> Code: 0
> URI: file:../Scripts/jquery.corner.js
> ========
>
> Any help appreciated!
>
