2017-08-06 3 views
0

mir jemand empfehlen die Fieldset zu verwenden, aber es hat nicht funktioniert,Warum funktioniert Fieldset nicht in meiner WordPress?

hier ist der Code

.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> 

es wie dieses

enter image description here

möchte ich zeigen, wie das ist

enter image description here

Hier ist die Unterstreichungs

enter image description here

Antwort

1

diesen Code Versuchen:

Weil Ihr Thema Ihres fieldset Stil außer Kraft gesetzt werden. Sie können einfach !important verwenden, um zu beheben.

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

bekam noch einen Unterstrich unter dem Text – Woshooo

+0

Teile Screenshot .. –

+0

, wie es auf den Kommentar zu teilen? – Woshooo

Verwandte Themen