0

「入力」というタイトルのフィールドセットがあります。フィールドセットのフィールドが必須であることを示したいので、それらの前に赤い星を付けようとしています。以下のコードは、フィールドセットの行内にスターを付けますが、フィールドセット内の別の行にヘッダー「入力」を配置します。*が赤い色の「*入力」のようにタイトルが見えるように、それらを同じ行に配置するにはどうすればよいですか?

<fieldset style="border: 2px solid; ">
    <legend style="color:#685645;font-weight:bold;font-size:1.1em">*</legend>
    <legend style="color:#696969;font-weight:bold;font-size:1.1em">Input</legend>
</fieldset>
4

3 に答える 3

1

このような

デモ

CSS

   fieldset{
    float:left;
    width:300px;
  }
span{
    color:red;
}

HTML

 <fieldset style="border: 2px solid; ">
    <legend style="color:#685645;font-weight:bold;font-size:1.1em"><span>*</span>  Input</legend>

</fieldset>
于 2013-08-22T09:37:38.863 に答える
1

このjsfiddle のように。

HTML

<fieldset style="border: 2px solid; ">
<legend>
    <span>*</span>
    Input
</legend>
</fieldset>

CSS

legend {
color:#696969;
font-weight:bold;
font-size:1.1em;

}

span {
color:red;
font-weight:bold;
font-size:1.1em;

}

于 2013-08-22T09:42:43.177 に答える