2017-08-06 15 views
0

誰かがフィールドセットを使用するために私をお勧めしますが、それはうまくいきませんでした、ここフィールドセットがWordPressで機能しないのはなぜですか?

は、私が欲しいこの

enter image description here

この

のようなものであるようにそれが示すコード

.block{ 
display: inline-block; 
border: 2px solid white; 
} 
.title2{ 
color: white; 
font-size: 1.5em; 
text-align: center; 
} 

<fieldset class="block"> 
     <legend class="title2"> 
       Services 
     </legend> 
</fieldset> 

です

enter image description here

あなたのテーマのは、あなたの fieldsetスタイルを上書きする可能性があるので

:ここ

下線

enter image description here

答えて

1

は、このコードを試してみてくださいです。修正するには!importantを使用してください。

fieldset.block { 
 
    font-family: sans-serif!important; 
 
    border: 5px solid #1F497D!important; 
 
    background: #eee!important; 
 
    border-radius: 5px!important; 
 
    padding: 15px!important; 
 
} 
 
fieldset.block legend.title2 { 
 
    background: #1F497D!important; 
 
    color: #fff!important; 
 
    padding: 5px 10px!important; 
 
    font-size: 32px!important; 
 
    border-radius: 5px!important; 
 
    box-shadow: 0 0 0 5px #ddd!important; 
 
    margin-left: 20px!important; 
 
}
<fieldset class="block"> 
 
    <legend class="title2">Services</legend> 
 
    <p>Some text.</p> 
 
</fieldset>

+0

はまだコメントにそれを共有する – Woshooo

+0

共有スクリーンショットの下に下線を得ましたか。 –

+0

方法..テキスト – Woshooo

関連する問題