使<option>文本变为粗体</option>

时间:2014-01-07 11:19:29

标签: html css select styling

我正在尝试使用php输出的文本粗体。

尝试了<b><strong>和CSS,但它没有用。

我的php:

function generateWeekNumbers() { //Generate a list with week numbers for dropdown
    $weekCount = 53;
    $currentWeek = getWeekNumber();
    for($i=1;$i<$weekCount;$i++)
    {
        if ($i == $currentWeek) {
            echo '<option><span class="week">Week '.$i.'</span></option>';
        } else {
            echo '<option>Week '.$i.'</option>';
        }
    }
}

我在实际页面上的css:

.week {
   font-weight: bold;
}

也尝试过:

echo '<option><b>Week '.$i.'</b></option>';

希望有人可以提供帮助。

3 个答案:

答案 0 :(得分:4)

您不能使用纯CSS设置选项标签的样式。

你应该看看这个库。

http://ivaynberg.github.io/select2/

答案 1 :(得分:1)

您可以使用font-weight: bold标签上的<select>为粗体选项设置字体。

例如:

<select>
    <option>Hallo</option>
</select>

和CSS:

select{
    font-weight: bold;
}

这会将选项更改为粗体文本。

答案 2 :(得分:0)

尝试此代码

<select>
<option style="font-weight:bold">This is bold text</option>
<option>This is normal text</option>
</select>