1

WooCommerce を使用して e コマース サイトを構築しています (ここに表示されているように)。次のコードを使用して [カートに追加] ボタンの色を変更しました。

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
    background: -moz-linear-gradient(center top , rgb(26, 22, 27) 0%, rgb(26, 22, 27) 100%) repeat scroll 0% 0% transparent !important;
    border-color: rgb(26, 22, 27) !important;
    color: rgb(255, 255, 255);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
}

何らかの理由で、色の変化はコンピューターの画面上で発生します。iPad や iPhone でサイトを見ると、カートに追加ボタンが黒ではなく青になっています。別のサイト (別のドメインとホスト) でコードを試したところ、問題なく動作し、すべてのデバイスでボタンが黒くなりました。

問題は何でしょうか？

4

1 に答える 1

1

使っているからだと思います

 -moz-linear-gradient(center top , rgb(26, 22, 27) 0%, rgb(26, 22, 27) 100%)

これは mozilla に固有のものです。iDevices は mozilla を使用しないため、適切にレンダリングされません。

他のブラウザに相当するものは次のとおりです。

-webkit-gradient //Safari, chrome, etc. Webkit browsers
-webkit-linear-gradient // see above
-o-linear-gradient //Opera
-linear-gradient
于 2013-08-02T13:50:53.263 に答える