css - インラインフォームフィールド：jQuery-Mobileの検索ボックスとボタン

Question

これは私が達成しようとしていることです：

これは私が得るものです：

Webキットブラウザ（ChromeまたはSafari）でこのJSFiddleを表示してください：http：//jsfiddle.net/KqEqN/

これは、画面を狭めたときに発生しますが、ボタンを表示するのに十分なスペースがあります。ボタンの右側にある種のパディングを見つけようとしてCSSを調べましたが、見つかりませんでした。また、その水平線はどこから来たのですか？

Answer 1

私は jQuery Mobile に詳しくないので、間違っているかもしれません。私の推測では、jQuery Mobile のテーマをオーバーライドするのではなく、クラスを追加する必要があります。

修正には以下が含まれます。

.ui-input-search {
    width: 50px;
    display: inline-block;
}

ここで動作を確認してください：http://jsfiddle.net/NqFhQ/