Css for HTML fieldset and legend tag.- Manual

 HTML==>
<fieldset class="scheduler-border">
<legend class="scheduler-border">Search by Offender Details</legend>
<div class="col-md-12">
<p> This is just test. </p>
</div>
</fieldset>

 CSS==>

<style>
/* fieldset Css starts*/
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
     box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}
/* end of fieldset Css*/


</style>

Comments

Popular posts from this blog

datatable with both top and bottom scroll bar.

Display Loader and disable page while waiting for ajax request

Remove GIT integration from VSCode