2016-05-19 15 views
0

入力/選択とボタンが1つのフォームがあります。ボタンのサイズは入力と同じです

ボタンが<button/>の場合、FFブラウザではサイズに問題があります(入力よりも大きくなります)。

ボタンが<input/>の場合、ボタンのテキストに問題があります(すべてのブラウザのボタンの中央に設定できません)。代わりに、ボタンの高さのここで

は一例である(<button>とし、<input>付き)

EXAMPLE

+1

インラインCSSは使用しないでください。外部CSSとインラインCSSを混在させるとさらに悪化します。読み込みが不可能で、あなたのスタイリングで何が起こっているのかを知るのは難しいです。 –

+0

@TJ、申し訳ありません... – demo

答えて

0

こんにちは利用パディング:

.form-search input.search-input, .form-search select.search-input, form input.search-input, form select.search-input { 
    padding: 0 20px 0 20px; 
    margin: 3px 0; 
} 
+0

https://jsfiddle.net/Lm00ue9h/6/ – demo

+0

スタイルを使用しないデフォルト入力を使用しているため、ブラウザによらず、上記のスニペットコードの私はあなたに修正*サイズの問題を教えてくれました。 – David

0

これは私が持っていた共通の問題ですさまざまなブラウザで。 jQueryを使用してブラウザがFireFoxであるかどうかを確認し、参照先はcss、ブラウザがChromeまたはSafariの場合は別のcssを使用して要件を満たすことができます。

関連する問題