0

カスタムアイコンを使用してダイアログを閉じています。ボタンを囲む余白と影を削除しました。ただし、Android2.3デバイスには引き続き表示されます。Android 4.0およびiOSデバイスでは正しく（影なしで）表示されます。

ダイアログの背景に合わせて、背景が透明なpngと背景が白いpngを使用してみましたが、どちらも影になります。

html：

<div class="custom_close_button">
    <a href="#"  data-role="button" data-rel="back" data-inline="true" >
        <img src="img/close_button.png"></img>
    </a>
</div>

css：

.ui-shadow
{
    box-shadow:  0px 0px 0px 0px #FFFFFF;
    shadow: none;
    border: none;
}
.custom_close_button
{
    float: right;
    width: 50px;
        padding-right: 20px;
}
.custom_close_button .ui-btn-corner-all
{
    padding: 0px;
    margin: -1px 0 0 0;
}
.ui-corner-all {
    -moz-border-radius:    0    /*{global-radii-blocks}*/;
    -webkit-border-radius:    0    /*{global-radii-blocks}*/;
    border-radius:    0    /*{global-radii-blocks}*/;
}

.ui-btn-corner-all {
    -moz-border-radius:    0    /*{global-radii-buttons}*/;
    -webkit-border-radius:    0    /*{global-radii-buttons}*/;
    border-radius:    0    /*{global-radii-buttons}*/;
}


これを引き起こしているAndroid2.3の別の設定はありますか？以下は、Android2.3デバイスで正しく表示されないボタンのスクリーンショットです。

ありがとう。

影が付いたカスタム削除ボタン

4

1 に答える 1

0

私が提案できる唯一のことは、firebug または他の開発者コンソールを使用して、アンカーまたは周囲の要素にクラス .ui-icon-shadow が適用されているかどうかを確認することです。

自動生成されたクラスを削除することを認識している唯一の方法は、JS/jQuery を使用することです。

 $(".ui-icon-shadow").removeClass('ui-icon-shadow');

またはCSS経由：

a.ui-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

API経由で他の方法があるかもしれません...

于 2012-07-31T15:53:02.590 に答える