入力/選択とボタンが1つのフォームがあります。ボタンのサイズは入力と同じです
ボタンが<button/>
の場合、FFブラウザではサイズに問題があります(入力よりも大きくなります)。
ボタンが<input/>
の場合、ボタンのテキストに問題があります(すべてのブラウザのボタンの中央に設定できません)。代わりに、ボタンの高さのここで
は一例である(<button>
とし、<input>
付き)
入力/選択とボタンが1つのフォームがあります。ボタンのサイズは入力と同じです
ボタンが<button/>
の場合、FFブラウザではサイズに問題があります(入力よりも大きくなります)。
ボタンが<input/>
の場合、ボタンのテキストに問題があります(すべてのブラウザのボタンの中央に設定できません)。代わりに、ボタンの高さのここで
は一例である(<button>
とし、<input>
付き)
こんにちは利用パディング:
.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;
}
これは私が持っていた共通の問題ですさまざまなブラウザで。 jQuery
を使用してブラウザがFireFoxであるかどうかを確認し、参照先はcss
、ブラウザがChromeまたはSafariの場合は別のcss
を使用して要件を満たすことができます。
インラインCSSは使用しないでください。外部CSSとインラインCSSを混在させるとさらに悪化します。読み込みが不可能で、あなたのスタイリングで何が起こっているのかを知るのは難しいです。 –
@TJ、申し訳ありません... – demo