2

非常に多くの異なる組み合わせを試したので、なぜこれが機能しないのかわかりません。

Wordpress woocommerce Checkout From (submit) back button form submit button tag withstyle="{} :active{}"

CSSを保存できる頭がなく、フォームを含むテンプレートだけです。送信は、メインの style.css で既にスタイル設定されています。すべてのボタンではなく、「支払う」と「戻る」の 2 つのボタンをスタイルしたいだけです。ボタンの html に完全な CSS を入れました。

<table width="100%"><tr><td width="23%"><input type="submit" class="button alt" name="woocommerce_checkout_update_totals" id="place_order" value="<?php _e( 'back', Woocommerce_German_Market::get_textdomain() ) ?>" style="{position: relative;color: rgba(255,255,255,1);text-decoration: none;background-color: rgb(248, 1, 8);font-weight: bold;display: block;padding: 18px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0px 9px 0px rgb(179, 6, 1), 0px 9px 25px rgba(0,0,0,.7);-moz-box-shadow: 0px 9px 0px rgb(179, 6, 1), 0px 9px 25px rgba(0,0,0,.7);box-shadow: 0px 9px 0px rgb(179, 6, 1), 0px 9px 25px rgba(0,0,0,.7);margin: 2px 0px 25px 0px;text-align: center;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease; font-size: 1.387em;} :active {-webkit-box-shadow: 0px 3px 0px rgb(179, 6, 1), 0px 3px 6px rgba(0,0,0,.9);-moz-box-shadow: 0px 3px 0px rgb(179, 6, 1), 0px 3px 6px rgba(0,0,0,.9);box-shadow:0px 3px 0px rgb(179, 6, 1), 0px 3px 6px rgba(0,0,0,.9);position: relative;top: 6px}" /></td>
<td width="77%"><div align="center">something maybe a button</div></td>
</tr>

4

3 に答える 3

0

ヘッダーに追加

<style type='text/css'>
input :active {
-webkit-box-shadow: 0px 3px 0px rgb(179, 6, 1);
//... what ever you have put for active 
}
</style>

試す。

于 2013-09-29T17:50:42.017 に答える
0

style 属性には、CSS 宣言のみを含める必要があります。{}スタイルシートでそれらの周りにある を含めないでください。

スタイル属性にセレクターを含める方法はありません。そのためには、通常のスタイルシートを使用する必要があります。

于 2013-09-29T17:44:58.000 に答える
0

style属性の構文が正しくありません。

style="property: value; ..."の代わりに使用style="{}"

したがって、あなたの場合は次のようになります。

<div style="width:50px; height:50px; background:blue;"></div>

代わりに、そのロジックをスタイルシートに移動するインライン スタイルをすべて回避することをお勧めします。

.active {
  width: 50px;
  height: 50px;
}
于 2013-09-29T17:45:10.857 に答える