html - フィールドセットのタイトルに背景色を付ける

Question

フィールドセットのタイトルの背景色を単色にする方法がわかりません。CSS で色を変更しようとすると、フィールドセット ボックス全体が色付けされます。

Answer 1

html

   <fieldset>
    <legend >Personalia:</legend>
    Name: <input type="text"><br>
    Email: <input type="text"><br>
    Date of birth: <input type="text">
  </fieldset>

CSS

fieldset legend {background:red}

作業サンプルhttp://codepen.io/yardenst/pen/taBqH