如何在jQuery mobile中制作Square Text框？

Question

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

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

Answer 1

您可以使用ui-corner-none类

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

Answer 2

解决方案

特定文字输入：

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

示例：http://jsfiddle.net/Gajotres/LqDke/

一切：

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

编辑：

或者你可以这样做：

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

最后的笔记

如果您想了解有关如何自定义jQuery Mobile页面和小部件的更多信息，请查看 article 。它附带了许多工作示例，包括为什么是jQuery Mobile必不可少的。

Answer 3

因为样式实际上应用于包含输入的div而不是输入本身，所以不要在事后设置样式。使用data-attribute：data-corners =＆＃34; false＆＃34;在输入上，让jquery mobile本地处理它：

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