2

私はここhttp://www.taranmarlowjewelry.com/?page_id=5にこのサイトを持っています、そして右上隅に私は入力ボタンを持っています、そしてそれはiphoneで奇妙に見えます、そして私は理由がわかりません。ボタンのような円/泡になります。

入力ボタンのHTMLは次のとおりです

<input type="submit" id="button" name="button" class="searchBtn" value="GO"/>

これがCSSです

.searchBtn{
    background-color:#ffa18a;
    color:#FFF;
    height:31px;
    padding:0;
    width:32px;
    border:0;
    cursor:pointer;
}

どんな助けでもありがたいです！

4

3 に答える 3

8

問題を修正しましたが、CSSをこのように調整しています...

.searchBtn{
    background-color:#ffa18a;
    color:#FFF;
    height:31px;
    padding:0;
    width:32px;
    border:0;
    cursor:pointer;
   -webkit-appearance: none;
}

ボタンを追加-webkit-appearance: none;することで、iPhoneの見栄えが良くなり、iPadでも機能します。

于 2012-07-19T15:23:29.240 に答える
3

これがサイトで問題となるさまざまなボタンがたくさんある場合は、次を試してください。

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

これにより、チェックボックスやその他の入力で問題が発生することなく、すべての入力ボタンがリセットされます。CSSの残りの部分はそのままにしておきます。

-moz-appearanceと-ms-appearanceもnoneに設定することを検討してください...

于 2013-01-15T18:39:20.473 に答える
0

Macにアクセスできる場合は、Safariで開発者ツールをオンにして、ブラウザをiPhoneシミュレーションモードにして、その方法でデバッグを試みることができます。

于 2012-07-07T21:11:11.973 に答える