html - jQueryモバイルで正方形のテキストボックスを作成するには?

Question

jQuery モバイルを使用してモバイルアプリを作成しています。編集可能なテキストテーブルを作成する必要があります。そこで、テーブルを作成してテキストボックスを挿入することにしました。

それは機能していますが、テキストボックスはJqueryモバイルのデフォルトである別の形になっています。

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

スタイリングは実際には、入力自体ではなく、入力を囲む div に適用されるため、事後にスタイルを設定しようとしないでください。入力で data-attribute: data-corners="false" を使用し、jquery モバイルでネイティブに処理できるようにします。

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

score 1 · Accepted Answer

解決

特定のテキスト入力:

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

すべての：

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

編集：

または、次のようにすることもできます。

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

jQuery Mobile ページとウィジェットをカスタマイズする方法について詳しく知りたい場合は、この記事をご覧ください。jQuery Mobile に !important が必要な理由など、多くの実用的な例が付属しています。