Javascript 如何在没有图像的情况下使用jquery获取圆角文本框

我试着为文本框找到一个圆角。但是我怎样才能得到它呢。这是上课时间

.tbox
{
 float:left;
 width:200px;
 margin-top:10px;
 margin-left:10px;

}

当我使用jquery调用

$('.tbox').corners("4px");

---

它不起作用。我已经包括了Jquery.js和Jquery.corners.js。但它不起作用。任何帮助都将不胜感激

您可以制作一个圆角div，并在其中放置一个无边框的文本框。我认为这将是实现您的需求的最简单的方法

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.corner.js" type="text/javascript"></script>

<script>
    $(document).ready ( function () {
        $("#div1").corner("round");
    });
</script>

<style>
#div1 { width: 200px; height: 30px; background-color: #a9a9a9; }
#txtBox { width: 180px; height: 20px; background-color: transparent; position: relative; top: 5px; left: 10px; border-style: none; }
</style>


<div id="div1">
    <input type="text" id="txtBox" />
</div>

$（文档）.ready（函数（）{
$（#div1”）。拐角（“圆形”）；
});
#div1{宽度：200px；高度：30px；背景色：#a9a9；}
#txtBox{宽度：180px；高度：20px；背景色：透明；位置：相对；顶部：5px；左侧：10px；边框样式：无；}

我建议使用纯CSS：

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;

---

但是，它在IE中不起作用，但我将其视为对使用此浏览器的惩罚：D在下一版本中，它可能会起作用。

您可以将以下类添加到圆角的文本框中：

class="text ui-widget-content ui-corner-all"

---

希望这能对您有所帮助。

我发现了一个带有javascript的css圆角代码。这是一个非常简单，易于编辑。适用于所有浏览器

---

注意：div的圆角在包括ie6在内的所有浏览器中都有效，但文本框圆角在ie6中不起作用

您可以轻松地使用

jquerygroup建议将其用于圆角。

---

这是我见过的最好的了。

将输入放在一个div中，并在div上设置圆角。删除输入本身的边框和填充，使其与包装器div一样大（减去您想要在div上的任何填充）。

您是经验丰富的JavaScript程序员吗？您能处理HTML5画布元素吗

然后您可以尝试jQuery背景画布。在表单后面插入一块画布，并在文本框上绘制圆角。这是插件，本网站大量使用它：

---

Arka Chatterjee似乎提出了使用jquery创建圆角的最佳解决方案。只需参考jquery-ui.css和jquery-ui.min.js文件，然后添加上面提到的类。我本来会投赞成票的，但我还没有足够的“声望”。下面是一个例子：

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>

<input type="text" class="text ui-widget-content ui-corner-all" id="txtBox" />

最好不要使用-moz样式，因为它不是独立于浏览器的。因此，您可以将它视为对使用坚持web标准的浏览器的奖励：P和-moz本身可能很危险，但正如您所看到的，为了安全起见，我同时使用了3种样式。这些样式都是特定于CSS3的，许多浏览器不支持这一点。我真的很讨厌看到这些“纯css”废话。使用-moz或-webkit不是“纯”css。胡说八道。@rahul是的，如果是IE<7，你可以。