cssのすべてのデバイスでボタンが同じように見えるようにするにはどうすればよいですか？
ジョン
検索ボタンをすべてのモバイルデバイスとタブレットデバイスで同じように表示したいWebサイトに取り組んでいます。そのためのフィドルを作成しました。私が検索ボタン（モバイル/タブレットビュー用）に使用したコードは次のとおりです。
@media only screen and (max-width: 767px) {
#gv_search_button_2777 {
padding-left: 5.5%;
padding-top: 0.5%;
padding-bottom: 0.5%;
padding-right: 5.5%;
background-color: white;
font-size: 12px;
border-radius: 3.5px;
border: 1px solid #ccc!important;
}
}<div class="gv-search-box gv-search-box-submit">
<input type="hidden" name="mode" value="all">
<input type="submit" class="button gv-search-button" id="gv_search_button_2777" value="Search">
</div>問題文：
実際のブラウザからモバイルビューで上記のフィドルを取得すると見栄えが良くなりますが、携帯電話から見ると見た目が異なります。
これは、すべてのモバイルデバイスで見たい検索ボタンのスクリーンショットです。
上記のスクリーンショットがすべてのデバイスに表示されるように、フィドルのCSSコードにどのような変更を加える必要があるのか疑問に思っています。
私のiPhoneでサファリとクロームをチェックすると、これが表示されます（これは正しくありません）：
コアリーワード
appearance: none要素にOSネイティブスタイルを適用しないようにiOSSafari（およびその他）に指示するように設定できます。
.button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
そこから、ブラウザのスタイルシート属性（マージン、パディング、フォントなど）をリセットし、独自のカスタムスタイルを適用できます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
すべてのボタンを同じ行に配置するにはどうすればよいですか？
- 2
アプリをすべてのデバイスで同じように表示するにはどうすればよいですか？
- 3
特定のデバイスが常に同じデバイスファイルを使用するようにするにはどうすればよいですか？
- 4
すべて同じXSLFO要素のスタイルを設定するにはどうすればよいですか？CSSのようなXSLFO？
- 5
3つのボタンをすべての画面サイズで同じ行に均等に表示するにはどうすればよいですか？
- 6
JavaFX-ステージを表示する前に、すべてのボタンに同じ幅を設定するにはどうすればよいですか？
- 7
ボタンを同じサイズにして、すべてをページの中央に配置するにはどうすればよいですか？
- 8
xmlで同じスペースに3つのボタンを水平に並べて作成するにはどうすればよいですか（Android）
- 9
リストに別のアイテムがあるかどうかに応じてボタンを表示するにはどうすればよいですか？
- 10
2つのデバイスが同時に同じ周波数でwifi信号を発信し、同時にアンテナに到達する場合、データが重複しないようにするにはどうすればよいですか？
- 11
すべてのデバイスで見栄えがするように、イオンアプリのレイアウトを再設計するにはどうすればよいですか？
- 12
Dartで2つのインスタンスが同じタイプであるかどうかを判断するにはどうすればよいですか？
- 13
同じ値のすべての配列を見つけるにはどうすればよいですか？
- 14
テキストとボタンを同じ行に揃えるにはどうすればよいですか？
- 15
最初のデータのみが表示されます。同じIDのすべてのデータを表示するにはどうすればよいですか？
- 16
同じ値のすべての場合にインデックスを取得するにはどうすればよいですか？
- 17
すべてのテキストボックスをwpfの同じ垂直位置に揃えるにはどうすればよいですか？
- 18
配列内の同じ値のすべての出現のインデックスを取得するにはどうすればよいですか？
- 19
ランダムのすべてのインスタンスが異なる実行で同じ番号のシーケンスを生成するように強制するにはどうすればよいですか？
- 20
ナビゲーションバーをすべてのデバイスで同じサイズに保つにはどうすればよいですか？
- 21
Reactで行うのと同じように、Preactでスタイルを簡単にインポートするにはどうすればよいですか？
- 22
ナンピー行列の列のすべての値が同じであるかどうかを確認するにはどうすればよいですか？
- 23
setoncompletitionlistenerの後に同じボタンを使用するにはどうすればよいですか？
- 24
同じ線の中央にボタンを表示するにはどうすればよいですか？
- 25
Androidデバイスの戻るボタンを押してGameMakerゲームを閉じるにはどうすればよいですか？
- 26
jQueryで、すべて同じ名前のラジオボタンの値を取得するにはどうすればよいですか？
- 27
ヒントフォントファミリーをすべてのデバイスで同じにし、ドローアブルフォルダーのxmlコードがタブレットで黒色を表示するようにするにはどうすればよいですか？
- 28
パンダデータフレームの文字列をすべての行の同じ位置に設定するにはどうすればよいですか？
- 29
同じボタンで2つの画像を制御するにはどうすればよいですか？
コメントを追加