2017-12-24 8 views
3

決して遅すぎることはありません。私のWordpressチェックアウトフォームに必要なすべての星の下に小さな点を見るのはすごく驚いた。どのようにそれらを削除するための任意のアイデア - CSSのより良い?Wordpressチェックアウトフォームで必要な星の下にあるドットを削除してください

ここではHTMLコード

<label for="billing_address_1" class="">Street address <abbr class="required" title="required">*</abbr></label> 

と画像

enter image description here

+0

ポスト[jsのフィドル](http://jsfiddle.net) – davvv

+0

であなたの全体のコードでは、それはそれをしないタグがあります。 – halojoy

答えて

4

次のブラウザは、新しいブラウザでもうまく動作します。 firefoxとchromeはborderの代わりにtext-decorationに切り替わったようです。したがって、border: none !important;だけでは不十分です。

abbr.required { 
    border: none !important; 
    text-decoration: none !important; 
} 
2

それが原因<abbr>要素のだ - それは、デフォルトのスタイルとして国境を点在しているので、試してみてください。

abbr { 
border: none; 
} 
+0

必須フィールドのみを取得するには 'abbr .required'にする必要があります。 –

+0

もしそれが望ましいなら、それは 'abbr.required'のようにする必要があります(間にスペースはありません) – crazko

+1

両方のバージョンはFirefoxとChromeで動作しません... – evavienna

関連する問題