[jQuery] jquery.corner.js plugin not working with <input> elements
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;">
lorem ipsum dolor sit amet.
</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!