html - 如何在 jQuery mobile 中制作方形文本框？

Question

我正在使用 jQuery mobile 创建一个移动应用程序。我需要创建一个可编辑的文本表。所以我决定创建一个表格并将文本框插入其中。

它正在工作但文本框的形状不同，这是 Jquery mobile 的默认形状。

score 2 · Accepted Answer

2

你可以使用ui-corner-none类

<input class="ui-corner-none" type="text">

于 2013-01-18T05:41:57.127 回答

score 1 · Accepted Answer

解决方案

具体文字输入：

#text {
    border-radius: 0 !important;
}

一切：

.ui-corner-all {
    border-radius: 0 !important;
}

编辑：

或者你可以这样做：

$('a').buttonMarkup({ corners: false });

如果您想了解更多关于如何自定义 jQuery Mobile 页面和小部件的信息，请查看这篇文章。它附带了许多工作示例，包括为什么 !important 对于 jQuery Mobile 是必需的。

score 1 · Accepted Answer

因为样式实际上被应用于包含输入的 div，而不是输入本身，所以不要尝试在事后对其进行样式设置。在输入上使用 data-attribute: data-corners="false" 并让 jquery mobile 本地处理它：

<input type="number" size="2" data-corners="false">